1

我float在 IE9 中处理CSS 时遇到问题。查看partycypacjaobywatelska.pl。在 Firefox、Chrome、Opera 等中，主页正确显示，而 IE9 在标题和其余内容之间显示空白。

这个空间由 left 和 right 类的两个元素触发（它们在 DOM 中的位置：body-> #wrapper-> #container-> .left, .right）。他们分别拥有float: left和float: right设置，但是，在 IE9 中，他们将.middlediv 向下推。设置display: none它们会有所帮助，但我无法完全控制这些 div 何时获得内容，因此这对我来说不是一个可行的解决方案。

我试图创建一个最小的示例，但这个 jsFiddle在 IE9 中运行良好。知道什么可能触发错误吗？

提前感谢您的帮助。

4

1 回答 1

0

使用 IE 的开发工具，.middle 实际上并没有被推送，它是里面的 .jimgMenu。如果你把overflow:hidden 去掉，那么你可以看到IE9 和Firefox 的行为是一样的。绝对是浮动内容区域的移动。您是否尝试过 clearfix 而不是使用溢出？

老实说，那些 .left 和 .right 可能应该绝对定位，如果它们像那样粘在侧面的话。它们甚至包含什么？为什么他们假设漂浮在内容后面？这可能不是构建 HTML 的最佳方式。

于 2012-09-05T17:16:21.857 回答