这是 IE7 浮动错误吗？

Posted 2023-03-06

【中文标题】这是 IE7 浮动错误吗？

【英文标题】：is this the IE7 float bug?

【发布时间】：2011-11-02 12:44:35

【问题描述】：

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

有人能解释一下这里发生了什么吗？根据这个链接：http://austinmatzko.com/2007/07/25/internet-explorer-7-float-bug/——我认为这很有意义。我有设置高度的容器元素导致奇怪的浮动。但是在花了一个小时经历并基本上删除了任何相关的高度之后，我仍然在 IE7/windows 中遇到问题。

【参考方案1】：

您需要从.blog-post .post-body 中删除clear:right 以修复标题与图像的重叠，并从.post-body a 中删除zoom:1 以修复图像周围的文字环绕。

标题也浮动并向右清除，但post-body 上的clear:right 似乎导致 IE 清除所有浮动，甚至标题。

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

正如@Webars 已经说过的，这种布局过于浮动并且应该被简化并且可以在不需要zoom hacks 的情况下完成。但是与此同时，IE 特定样式（zoom 是其中之一）可以添加到单独的样式表中，并且仅使用 Conditional comments 包含在 IE 中。

【讨论】：

谢谢。是的，我现在要为 IE 编写条件 cmets 并着手清理我的代码

乐于助人 :-) 我忘了说我喜欢这个网站的外观。