Internet Explorer 布局错误答案

【问题标题】：Internet Explorer Layout BugInternet Explorer 布局错误
【发布时间】：2012-04-06 04:48:12
【问题描述】：

我正在开发一个在 Chrome 和 Firefox 中运行良好但在 Internet Explorer（所有版本）中无法正常显示的网站。以下是它在所有三种浏览器中的样子：

Chrome 和 Firefox

互联网浏览器

【问题讨论】：

欢迎来到 Stack Overflow！请在此处添加一些相关代码（可能还有 JSFiddle 示例）。只有一个外部链接，一旦问题得到解决，这个问题对未来的读者将毫无价值。谢谢！

【解决方案1】：

问题在于这一行：

<div style="left: 0px; top: 150px; position: fixed;" sizset="45" sizcache07028310558890892="0">

在 IE 中，它使用 position: fixed 呈现，但在所有其他浏览器中，它使用 position: absolute 呈现。

注意：让人们知道您正在使用浏览器特定的 CSS 会很有帮助。

【讨论】：

【解决方案2】：

在您的 DOCTYPE 和 html 之间有一个空格，这会阻止 IE 应用正确的 DOCTYPE 声明。 DOCTYPE 需要位于文档的绝对顶部，并且没有空格。删除它，您的页面应该可以正常工作。

您可以在验证报告中看到错误[here]

重要一点：

Line 1, Column 1: character "" not allowed in prolog

【讨论】：

【解决方案3】：

找到错误的行。在 CSS 中使用

body { min-width: 950p; }

改为

html { ... }

【讨论】：