这是IE7的浮动bug吗?

时间:2011-08-24 06:24:02

标签: css internet-explorer css-float

http://www.mapleboutique.com/_blog/maple_blog

有人可以解释这里发生了什么吗?根据这个链接:http://austinmatzko.com/2007/07/25/internet-explorer-7-float-bug/ - 我认为这是完全合理的。我有容器元素设置高度导致奇怪的浮动。但是花了一个小时后,基本上删除了任何相关的高度,我仍然在IE7 / windows中遇到问题。

1 个答案:

答案 0 :(得分:2)

您需要从clear:right中删除.blog-post .post-body以修复与图片重叠的标题,并从zoom:1中移除.post-body a以修复图片周围的文本换行。< / p>

标题也会浮动并清除,但clear:right上的post-body似乎会导致IE清除所有浮点数,甚至是标题。

zoom:1似乎是通过提供图像布局来清除图像的预期浮动。

正如@Webars已经说过的,这个布局是过于浮动,应该简化,无需zoom黑客就可以完成。但是,与此同时,IE特定样式(zoom是其中之一)可以添加到单独的样式表中,仅使用Conditional comments包含在IE中。