css - 水平居中div

Question

关于 this page ，我希望主要内容 div(其 id 值为 container)在灰色背景上水平居中。但是，我希望黑色登录面板在整个屏幕宽度上保持拉伸(stretch)。

为了实现这一目标，我添加了规则:

#container {
    margin: 0 auto;
}

但是它不起作用，我做错了什么？

更新

感谢您的回答。有人建议我通过从正文中删除 max-width 并在 container 上设置 width 来解决这个问题。

这使 container 居中，但会导致它占据所有可用的水平空间。我想要的是 container 以(比如)900px 的宽度居中，并且灰色背景应该出现在 container< 左右两侧的“空白”空间中.

Answer 1

你需要指定一个宽度，否则边距不知道如何居中...

像这样:

#container {
    width: 960px;
    margin: 0 auto;
}

编辑:另外，删除 body 上的 max-width!!