div+css布局中利用float设置了4个div，每行显示两个，共两行，在ie中显示正常，但是在或火狐中不正常。

火狐中为第一行显示1个靠左显示，但是第二个div却到第二行的右边显示了郁闷（正常情况下应在第一行的右边显示）贴图为火狐显示下不正常的情况。
代码
<div class="panel collapse" defH="180"
									style="width: 47%; float: left; margin: 5px">
									<h1>
										能耗(电)指标跟踪
									</h1>
									<div>

										<div id="chart_a15_1" style="margin: 0 auto;"></div>
									</div>
								</div>
								<div class="panel collapse" defH="180"
									style="width: 47%; float: right; margin: 5px">
									<h1>
										能耗(水)指标跟踪
									</h1>
									<div>
										<div id="chart_a15_2" style="margin: 0 auto;"></div>
									</div>
								</div>

答案：<!--第一排-->
<div style="width:100%; overflow:hidden;">
<div style="width:49%; height:100px; background:#000; float:left;">
第一排第一个
</div>
<div style="width:49%; height:100px; background:#999; float:right;">
第一排第二个
</div>
</div>

<!--第一排 end-->
<!--第二排-->
<div style="width:100%; overflow:hidden;">
<div style="width:49%; height:100px; background:#066; float:left;">
第二排第二个
</div>
<div style="width:49%; height:100px; background:#F00; float:right;">
第二排第二个
</div>
</div>
<!--第二排 end-->

其他：你 好你在的 ljmhvqdiiv16051201442011-09-22 22:20:41ftaupfguwt<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DIV</title> <style type="text/css"> #Main{background-color:#06F; margin:0 auto; padding:0; width:900px; height:auot; } #right{background-color:#C03; margin:0 auto; padding:0; width:30%; float:left; height:700px; } #left{background-color:#F00; margin:0 auto; padding:0; width:70%; float:left; height:700px; } </style> </head> <body> <div id="Main"> <div id="right">左</div> <div id="left">右</div> </div> </body> </html> gsrofihagm86513201232011-09-22 22:33:36nytpiwbuyx<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DIV</title> <style type="text/css"> #Main{background-color:#06F; margin:0 auto; padding:0; width:900px; height:auot; } #right{background-color:#C03; margin:0 auto; padding:0; width:30%; float:left; height:700px; } #left{background-color:#F00; margin:0 auto; padding:0; width:70%; float:left; height:700px; } </style> </head> <body> <div id="Main"> <div id="right">左</div> <div id="left">右</div> </div> </body> </html>

上一个：CSS,DIV中如何让文字显示在图片下方
下一个：学习网页需要掌握哪些知识啊？我学习了和html+css、js、目前正在研究jquery和ajax

更多图片编程知识: