首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-04-12 
ie6下,为何二个div中的内容不能横排,在线等html:div classbody_alldiv classfirstLleft/divd

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要算入宽度的

热点排行