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:60px;}

IE顯示結果：

其他瀏覽器：

注意，IE6下并沒有出現本應該出現的滾動條。

經調查，這個是IE6的bug，解決辦法是在外層設置了overflow：auto的容器上添加position:relative屬性。

轉自：開源中國社區-jing31，原文：IE6Bug，外層container設置了overflow:auto，但是內層嵌套元素有position:relative的時候，顯示錯誤。

轉載于:https://www.cnblogs.com/xjchenhao/archive/2012/11/03/4014162.html

總結

以上是生活随笔為你收集整理的IE6Bug，外层container设置了overflow:auto，但是内层嵌套元素有position:relative的时候，显示错误。...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。