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;
60px;
}
#b {
position:relative;
height:200px;
background-color:pink;
60px;
}
IE显示结果:
其他浏览器:
注意,IE6下并没有出现本应该出现的滚动条。
经调查,这个是IE6的bug,解决办法是在外层设置了overflow:auto的容器上添加position:relative属性。
转自:开源中国社区-jing31,原文:IE6Bug,外层container设置了overflow:auto,但是内层嵌套元素有position:relative的时候,显示错误。