it-swarm.cn

IE7 CSS滚动Div Bug

我最近遇到了一个IE7唯一的错误,我以为我会分享,所以当我从现在起6个月来到这个网站找出同样的东西时,我会把它放在手边。

我相信重新创建此错误的最简单方法是在具有声明的doctype的页面中的以下html(它在“quirks mode”/ no-doctype中正常工作):

<div style="overflow: auto; height: 150px;">
    <div style="position: relative;">[...]</div>
</div>

在IE7中,外部div是固定大小,内部div相对定位并包含更多内容(假设内部div导致溢出)。在所有其他浏览器中,这似乎按预期工作。

截图: bug screenshot

49
frank hadder

最简单的解决方法是将position: relative;添加到外部div。这将使IE7按预期工作。

(见: http://rowanw.com/bugs/overflow_relative.htm )。

编辑: 在waybackmachine.org上缓存链接的缓存版本

98
frank hadder