internet-explorer - 加载时 overflow hidden 的绝对位置 div (IE7+)

标签 internet-explorer css

我有一个 header/wrapper 布局,其中 div#header 和 div#wrapper 都是绝对定位的,在加载时我计算 header 的 top 属性和 wrapper 的 height 属性以确保内容在 wrapper 中可滚动(溢出设置为自动)。出于某种原因,在 IE7+ 上,一旦加载了内容并完成了设置 div 的顶部/高度的计算,它就会“隐藏”包装器,只显示标题......直到你调整窗口大小,即使轻微 - 导致 header /包装器的正确显示。

这可能与溢出属性有关吗?控制台中没有 JS 错误,IE 上的页面似乎没有正确呈现溢出。

任何想法或建议将不胜感激......

最佳答案

好的,所以我已经解决了这个问题,并且我想我会作为答案回应,以防其他人遇到类似的问题。

事实上,这是一个 IE8 错误,它与元素上定义的 css 属性的组合有关(特别是溢出、最大宽度等)...这是对实际错误的描述IE8 与溢出属性相关:http://edskes.net/ie8overflowandexpandingboxbugs.htm

无论如何,我通过从 CSS 中删除溢出属性并在结束 body 标记之前通过 DOM 定义它来解决此问题,确保不会与任何其他 css 属性发生冲突。

关于internet-explorer - 加载时 overflow hidden 的绝对位置 div (IE7+),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1709582/

相关文章:

html - 为什么 colgroup/col 在 Chrome 中不起作用

JavaScript IE 错误 : unexpected call to method or property access

javascript - Kendo 网格插入带有自定义类的新行

jquery - 如何检查网页页面是否滚动?

internet-explorer - IE10 中奇怪的翻译+溢出错误

html - 在右侧 float 时显示输入 'buttons' 与左对齐跨度内联

javascript - 向 React HOC 产品注入(inject)新的内联样式

jquery onmouseover 效果不起作用

jquery - 页面之间平滑滚动

javascript - IE 中父元素的 offsetTop 问题