我在 IE9 中处理 CSS float 时遇到问题。查看 partycypacjaobywatelska.pl .在 Firefox、Chrome、Opera 等中，主页正确显示，而 IE9 在标题和其余内容之间显示空白。
这个空间由left和right类的两个元素触发(它们在DOM中的位置:body -> #wrapper -> #container -> .left, .right).它们分别设置了 float: left 和 float: right，但是，尽管如此，在 IE9 中它们将 .middle div 向下推。对它们设置 display: none 会有所帮助，但我无法完全控制这些 div 何时获得内容，因此这对我来说不是一个可行的解决方案。
我试图创建一个最小的示例，但是 this jsFiddle在 IE9 中工作正常。知道什么可能会触发错误吗？
提前感谢您的帮助。
最佳答案
使用 IE 的开发工具，.middle 实际上并没有被推送，而是其中的 .jimgMenu。如果你删除 overflow: hidden ，那么你可以看到 IE9 和 Firefox 的行为是一样的。肯定是 float 内容区域发生了变化。您是否尝试过使用 clearfix 而不是使用溢出？
老实说，那些 .left 和 .right 如果它们像那样粘在两侧，可能应该绝对定位。它们甚至包含什么？为什么他们应该漂浮在内容后面？这可能不是构建 HTML 的最佳方式。
关于css - IE9 CSS float :left and right push content down，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12284472/