网站不以Firefox/Chrome为中心

Question

我在Firefox/Chrome上的宽屏上的网站有问题。由于某种原因，它不是集中的，边距：0自动；也无法正常工作。该网站在普通屏幕上看起来还不错，甚至具有较低RES的宽屏幕，但在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;
}