Question

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>

Answer 1

　　您好！很高兴为您答疑！

　　要清楚默认的padding，margin值，外围的大容器要够宽。先在这四个DIV外层套一个DIV，然后设置为relative属性，清除内部浮动；
　　然后内部的四个DIV都设置为absolute属性，第一个左上都为0，第二个右上为0，后两个以此类推。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 2

　　您好！很高兴为您答疑！

　　火狐下您可以安装Firebug检查页面代码，它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 3

<!--第一排-->
<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-->

Answer 4

你 好你在的