当前位置: 代码迷 >> HTML/CSS >> ie6下,为何二个div中的内容不能横排
  详细解决方案

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

热度:55   发布时间:2012-04-12 15:46:35.0
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要算入宽度的
  相关解决方案