html - CSS类显示

Question

我有一个包含以下代码的 CSS 类。我试图将 DIV 放在距网页顶部 140px 的位置，并将其放在中间(左右距离相等)。它在 Firefox 和 Google Chrome 中显示正确，但在 Internet Explorer 8 中显示不正确。谁能告诉我这段代码有什么问题？还有谁能给我一些浏览器兼容性指南的链接吗？

div.main
{
    padding: 0px;
    width: 980px;
    /*height:1350px;*/
    /*border: 1px solid red;*/
    margin: 0 auto; /*helps in getting the DIV to be in middle i.e. equal distance from left and right*/
    overflow: hidden;   
    margin-top:140px;
}

Answer 1

我找到了 QuirksMode对浏览器兼容性信息最有帮助，此外还有一些其他重要信息。

然而，问题不仅仅取决于 CSS。为了回答您的问题，我们需要查看一些 HTML 和您拥有的其余 CSS。以及 IE 渲染错误的描述。如果没有看到，我的第一个建议是确保您使用的是严格的 DOCTYPE。

请注意，将 DIV 居中只会使其在包含 block (可能是 BODY)中居中，如果没有明确的宽度，它只会与内容一样宽，而不是窗口的整个宽度。