IE6Bug,外层container设置了overflow:auto,但是内层嵌套元素有position:relative的时候,显示错误。

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

原文地址:https://www.cnblogs.com/xjchenhao/p/4014162.html