IE7 CSS 滚动 Div 错误

Question

我最近遇到了一个仅适用于 IE7 的错误，我想分享一下，因此当我在 6 个月后访问此网站以找出同样的问题时，我会将其放在手边。

我相信重新创建此错误的最简单方法是在带有声明的 doctype 的页面中使用以下 html（它在“怪异模式”/无 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).

编辑： waybackmachine.org 上损坏链接的缓存版本