css - 网站未以 Firefox/chrome 为中心

Question

我的网站在 Firefox/Chrome 上的宽屏上出现问题。由于某种原因它没有居中，margin: 0 auto; 也不工作。该网站在普通屏幕甚至分辨率较低的宽屏幕上看起来都很好，但在 1900x1200 上，由于某种原因，内容没有居中。但是，该网站在 1900x1200 的 IE 9 上看起来不错。这是代码：

jsfiddle.net/hXskH/

有什么线索吗？

Answer 1

要使其居中，您需要添加一个宽度以及margin: 0 auto;最常见的宽度是 960px；

#main {
padding-bottom: 300px;
margin:0 auto;
position: relative;
width: 960px;
} 

Answer 2

您还没有为#main 设置宽度，因此它是块级，它占据了全宽，即100%。

设置元素的宽度。

#main {
padding-bottom: 300px;
margin:0 auto;
width:<your-width>;
position: relative;
}