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的时候,显示错误。