CSS类显示
我有一个包含以下代码的 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;
}
I am having a CSS class with the following code. I am trying to put a DIV at a distance of 140px from the top of webpage and to put it in the middle (equal distance from left and right). It is displaying correctly in Firefox and Google Chrome but not displaying correctly in Internet Explorer 8. Can anyone tell me what is the problem with this code? Also can anyone give me some link with browser compatibility guide?
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;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我发现 QuirksMode 对于浏览器兼容性信息最有帮助，此外它还有其他一些很棒的功能信息。
然而，问题不仅仅取决于 CSS。为了回答您的问题，我们需要查看一些 HTML 和您所拥有的其余 CSS。以及 IE 渲染错误的描述。如果没有看到这一点，我的第一个建议是确保您使用严格的 DOCTYPE。
请注意，将 DIV 居中只会使其在包含块（可能是 BODY）中居中，如果没有明确的宽度，则该块将仅与内容一样宽，而不是窗口的整个宽度。
I find QuirksMode most helpful for browser compatibility info, plus it has some other great info.
The problem, however, depends on more than just the CSS. In order to answer your question, we'll need to see some HTML and the rest of the CSS you've got. And a description of what's incorrect with IE's rendering. Without seeing that, my first suggestion is to make sure you're using a strict DOCTYPE.
Note that centering the DIV will only center it in the containing block (probably BODY), which, wichout an explicit width, will only be as wide as the content and not the full width of the window.
margin-top:140px;是“问题”。为了达到您的目标，请使用：有时。
margin-top:140px;is "the problem". To reach your aim use:position: relative/absolute; top: 140px;to the div. It is suitablesometimes.