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

Question

我尝试了以下代码：

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

代码

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

谢谢。

Answer 1

确实如此，您只需要确保您的窗口宽度超过 700 像素即可。这是一个宽度为 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;
}