IE6Bug,外层container设置了overflow:auto,但是内层嵌套元素有positi

jing31 发布于 2010/12/02 09:24
阅读 204
收藏 1

HTMl代码:

<div id="container">
    <div id="a"></div>
    <div id="b"></div>
</div>

CSS代码:

#container {
   height:100px;
   border:1px solid blue;
   overflow:auto;
   }
#a {
   height:200px;
   background-color:lightblue;
   float:left;
   width:60px;
   }
#b {
   position:relative;
   height:200px;
   background-color:pink;
   width:60x;
   }

IE显示结果:

其他浏览器:

注意,IE6下并没有出现本应该出现的滚动条。

经调查,这个是IE6的bug,解决办法是在外层设置了overflow:auto的容器上添加position:relative属性。


加载中
0
北落
北落

都加上float:left  就oK了

0
jing31
jing31

引用来自#2楼“北落”的帖子

都加上float:left  就oK了

呵呵~问题不在这里~

只是个例子,实际环境中所有内层元素都有display:block;float:left;的,这个是内层relative造成的。

0
l
liweimagic

父元素设置:position:relative;

返回顶部
顶部