最近，我遇到了一个我认为应该分享的IE7唯一错误，因此当我六个月后访问此站点时，如果发现同样的问题，我会立即处理。

我相信最简单的方法来重新创建此错误是带有声明的doctype的页面中的以下html(它在"怪癖模式" / no-doctype中正常工作)：

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

在IE7中，外部div的大小是固定的，内部div的位置相对且包含更多内容(假设内部div会导致溢出)。在所有其他浏览器中，这似乎都可以正常工作。

截屏：

解决方案

回答

最简单的解决方法是在外部div上添加" position：relative;"。这将使IE7正常工作。

(请参阅：http：//rowanw.com/bugs/overflow_relative.htm)。

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