html - IE7 CSS 滚动 div 错误

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 ）。

编辑： waybackmachine.org 上断开链接的缓存版本