就在我认为我的网站工作正常时，它在 IE7 中搞砸了答案

【问题标题】：Just when I thought my site was working right, it screws up in IE7就在我认为我的网站工作正常时，它在 IE7 中搞砸了
【发布时间】：2011-02-26 16:56:56
【问题描述】：

我认为我做得很好，我的网站通过了 XHTML1.0 严格验证并且在 IE6 中完美运行，在 IE8 和 Chrome 中看起来也很好。我轻率地认为它在 IE6 和 8 中工作，IE7 肯定没问题。但是在检查时，我看到我的一个在 IE7 中有一个滚动条，看起来应该是 200% 的宽度......内容很好，但你可以滚动整个 . 2 个单独的页面有这个问题，第 3 个没有，即使所有页面都使用相同的布局模板 - 2 个中断的主要区别是浮动 div。

在这个领域（浮动）IE7 是否存在已知问题？

编辑： here's the live site，请善待 :)。

更新： 在 FF3 中进行了测试，它也可以正常工作。所以 Chrome、FF、IE8 甚至 IE6 都可以完美运行，但 IE7 有一些问题。 更新： IE8 兼容模式也引入了完全相同的行为。

【问题讨论】：

请让自己难堪 ;) 我希望看到一个在 IE6 和 IE8 中工作但在 IE7 中不工作的（测试）网站。我想它必须与 IE7 运行的模式有关（怪癖或不怪癖）。
如果你把链接贴出来让我们检查一下会有所帮助:)

标签： html css cross-browser internet-explorer-7

【解决方案1】：

经过一番摆弄，我能够通过添加以下内容找到解决方案

html {
    overflow:auto;
}

我实际上并不确定到底是什么导致了这个问题，但祝你在未来的 IE 调试中好运！

【讨论】：

【解决方案2】：

尝试使用 em 或 px 设置 pageContent div 的宽度。您可能必须为 IE7 输入特定的 css 规则（我相信它的 * + html {css 规则}。从标记来看，似乎没有设置宽度属性。

另一种快速解决方法是添加一个元标记以强制页面始终以 IE8 模式呈现：

希望有帮助

【讨论】：

我无法强制它在 IE7 上以 IE8 模式运行！关于宽度的东西，你指的是哪个元素？ main
的显式宽度为 800px 设置 IIRC，这还不够吗？