IE7的CSS滚动分区错误

我最近遇到了一个IE7的错误,我想我会分享,所以当我6个月后来到这个站点找出同样的东西,我会手头上。

我相信最简单的方法来重新创build这个错误将是一个页面中具有声明的文档types(它可以正常工作在“怪癖模式”/无文档types)下面的HTML:

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

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

截图: bug截图

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

(见: http : //rowanw.com/bugs/overflow_relative.htm )。

编辑: 在waybackmachine.orgcaching版本的断开的链接