为什么div不能在中心显示？

Question

我尝试了以下代码：

#my_div {
    margin-left: auto;
    margin-right: auto;
    width:700px;
    background-color:red;
}

Code

据我所知，margin-left和margin-right设置为auto将使div居中。但是怎么会这样不起作用呢？

感谢。

Answer 1

确实如此，您只需要确保您的窗口宽度超过700px。这是一个宽度为200px的工作示例：

#my_div {
    margin-left: auto;
    margin-right: auto;
    width:200px;
    background-color:red;
}

JSFiddle

Answer 2

这可能是一个特殊问题。尝试在声明中添加！important：

#my_div {
    margin-left: auto !important;
    margin-right: auto !important;
    width:700px;
    background-color:red;
}