IE7 CSS滚动Div Bug

Question

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

我认为重新创建此错误的最简单方法是在具有声明的doctype的页面中使用以下html（它在“quirks mode”/ no-doctype中正常工作）：

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

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

截图：

Answer 1

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

（参见：http://rowanw.com/bugs/overflow_relative.htm）。

编辑： Cache version of the broken link on waybackmachine.org