IE7 CSS 滚动 div 错误答案

【问题标题】：IE7 CSS Scrolling Div BugIE7 CSS 滚动 div 错误
【发布时间】：2013-12-14 05:50:43
【问题描述】：

我最近遇到了一个仅限 IE7 的错误，我想我会分享，所以当我在 6 个月后来到这个网站想弄清楚同样的事情时，我手头就有了。

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

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

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

截图：

【问题讨论】：

【解决方案1】：

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

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

【讨论】：