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;
}