IE7 CSS滚动Div Bug
fra*_*der 50 html css internet-explorer-7
我最近遇到了一个IE7唯一的错误,我认为我会分享,所以当我从现在起6个月来到这个网站找出同样的东西时,我会把它放在手边.
我相信重建这个bug的最简单的方法是在声明的DOCTYPE声明的页面下面的HTML(它正常工作中的"怪癖模式" /无文档类型):
<div style="overflow: auto; height: 150px;">
<div style="position: relative;">[...]</div>
</div>
在IE7中,外部div是固定大小,内部div相对定位并包含更多内容(假设内部div导致溢出).在所有其他浏览器中,这似乎按预期工作.
截图:
fra*_*der 98
最简单的解决方法是添加position: relative;到外部div.这将使IE7按预期工作.
(见:http://rowanw.com/bugs/overflow_relative.htm).
编辑: 在waybackmachine.org上缓存链接的缓存版本
- 哇..非常感谢!你在生产部署前2天救了我! (7认同)
- 如果你是一个糖果,你将是一个救星 (7认同)
- 我只是拉着我的头发寻找修复 - 谢谢! (2认同)