IE9 CSS浮动:向左和向右推送内容

时间:2012-09-05 15:08:18

标签: css internet-explorer internet-explorer-9 css-float

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

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

我尝试创建一个最小的示例,但this jsFiddle在IE9中运行正常。知道什么可能触发这个bug吗?

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

使用IE的开发工具,.middle实际上没有被推动,它是里面的.jimgMenu。如果删除溢出:隐藏在那上面,那么你可以看到IE9和Firefox的行为相同。绝对是花车改变了内容区域。您是否尝试过clearfix而不是使用溢出?

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