好的，所以我正在为客户开发一个网站:http://sap-bmc.dreamhosters.com/ , 它在所有浏览器中都运行良好，除了 IE9 和 IE8(IE7 似乎由于某些奇怪的原因而运行)。
我遇到的问题是主页上三栏的巨大空间:
出于某种原因，添加了这个额外的高度。我尝试了以下方法:
.grid3column { 高度:300px!重要； }
但这行不通。有谁知道为什么会这样？我已经调试了几个小时，根本无法弄清楚问题出在哪里。
最佳答案
您的问题是 IE 正在以 Quirks 模式显示该页面。
这是因为 IE 忽略了 <!DOCTYPE>你指定的。
这是因为您在 doctype 前面有一些杂散的 HTML 代码。这个杂散代码在任何情况下都是无效的，因为它是 <body> 之外的主体内容。标记，但除此之外，它在 IE 中还有一个特定问题，即它破坏了 IE 对文档类型的识别。
文档类型必须是页面中的第一件事，以便 IE 识别它。
如果 IE 不识别文档类型，它将进入 Quirks 模式。这将打破整个 CSS 代码的负载。这就是问题的根本原因。
[编辑]
好的，文档类型问题已解决，但仍然存在 HTML 错误，包括一些不匹配的标签....恰好位于蓝色列底部的标签中。
我建议通过 W3C validator 运行您的网站，这将向您展示问题所在。修复验证器告诉您的错误，您就会解决问题。
关于html - IE9 怪高 - 无法修复，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16743349/