我在IE9中处理CSS float
时遇到问题。在partycypacjaobywatelska.pl处查看。在Firefox,Chrome,Opera等主页面显示正确,而IE9在标题和其他内容之间显示空格。
此空间由左侧和右侧两个元素触发(它们在DOM中的位置:body
- > #wrapper
- > #container
- > .left
,.right
)。他们分别设置float: left
和float: right
,但是,在IE9中,他们将.middle
div推下来。在它们上设置display: none
会有所帮助,但我无法完全控制这些div何时获得内容,因此对我来说这不是一个可行的解决方案。
我尝试创建一个最小的示例,但this jsFiddle在IE9中运行正常。知道什么可能触发这个bug吗?
提前感谢您的帮助。
答案 0 :(得分:0)
使用IE的开发工具,.middle实际上没有被推动,它是里面的.jimgMenu。如果删除溢出:隐藏在那上面,那么你可以看到IE9和Firefox的行为相同。绝对是花车改变了内容区域。您是否尝试过clearfix而不是使用溢出?
老实说,那些.left和.right应该绝对定位,如果它们像那样粘在两侧。他们甚至包含什么?他们为什么假设在内容背后隐藏?这可能不是构建HTML的最佳方式。