日期:2014-05-17  浏览次数:20610 次

ie6下,为何二个div中的内容不能横排,在线等
html:
<div class="body_all">
<div class="firstL">
left
</div>

<div class="firstR">
right
</div>
</div>


css:

.body_all{width:990px;margin:0px auto;}
.body_all .firstL{width:158px;float:left;height:100px; padding-left:50px;}
.body_all .firstR{width:782px; }

现问:ie6下,为何二个div中的内容不能横排,thanks

------解决方案--------------------
158px + 782px=940px
然后你定义了一个padding-left:50px;
IE 6下面对这个的解析,可能会超过实际的50px
这样容器中的两个div总宽度就大于990px了,因此它没法放一行上
------解决方案--------------------
.body_all .firstR{width:782px;float:left;}


------解决方案--------------------
探讨

158px + 782px=940px
然后你定义了一个padding-left:50px;
IE 6下面对这个的解析,可能会超过实际的50px
这样容器中的两个div总宽度就大于990px了,因此它没法放一行上

------解决方案--------------------
超出啦总宽度,padding要算入宽度的