网站在 Internet Explorer 7 中看起来很奇怪，但在 IE 6 和 8 中很好答案

【问题标题】：Website looks weird in internet explorer 7, but fine in IE 6 and 8网站在 Internet Explorer 7 中看起来很奇怪，但在 IE 6 和 8 中很好
【发布时间】：2010-03-27 02:01:07
【问题描述】：

在为新网站（Firefox、Chrome、IE8、Opera、Safari、移动设备等）编写代码时，我使用了许多不同的浏览器。它在所有浏览器中看起来都一样。

我最近将网站上传到服务器上，并在工作中使用 Internet Explorer 7 查看它，它看起来很糟糕。元素随处可见，但我不知道为什么。

奇怪的是我只是从 IE6 中查看它，它看起来很好，除了 PNG 中不支持的透明度。

如果有人有 IE7，或者可以通过 html 判断出什么问题，您可以查看该网站here。

谢谢

【问题讨论】：

标签： html internet-explorer-7

【解决方案1】：

尝试将zoom: 1 添加到您的clearfix 样式中。

还可以查看此答案以了解其他执行 clearfix 的选项。 What methods of ‘clearfix’ can I use?

【讨论】：

另外：您的问题是使用clearfix CSS，它使用CSS :after 伪类。 IE8 和其他相当符合标准的浏览器会很好地支持它，这就是它们没有问题的原因。 IE6 根本不支持从其父元素延伸出来的子元素，这也是它没有问题的原因。 IE7 需要特别注意，因为两者都不适用。

【解决方案2】：

有多个 CSS 差异，某些版本支持而不是其他版本支持的功能等等。以下链接列出了差异、错误等。它可能会帮助您检测和防止新的“错误” CSS Differences in Internet Explorer 6, 7 and 8

【讨论】：

【解决方案3】：

您有 15 个 HTML 错误和 8 个 CSS 错误。 IE8 在兼容模式下不像 IE7，它不像 IE7，它不像 IE6，它们都不像其他更现代的浏览器。实际上，仅 IE8 就有 5 种渲染模式。

【讨论】：

我不知道你对这个评论的看法......你能更具体一点吗？
HTML 错误会导致各种奇怪的不可预知的行为。在尝试解决您的问题之前修复它们当然是个好主意，因为它们很可能是造成问题的原因。
除了需要修复错误之外，当您在一个版本的 IE 和现代浏览器中运行某些东西时，您似乎会感到惊讶，但在其他版本的 IE 中却没有，但关键是没有任何版本的 IE 运行相同作为另一个，每个版本的 IE 都有多种渲染模式。虽然 IE6 等浏览器永远存在，但使用现代浏览器的人通常倾向于更快地升级到当前版本。
所以，我的观点是，您必须将每个主要版本的 IE 视为一个单独的浏览器，具有自己的错误和怪癖，并且不要期望它们的行为相同，只是具有不同的或升级功能。
我想我对它在 IE6 和 IE8 中如何正常工作感到更惊讶，但在 IE7 中却不行