css - div が中央に表示されないのはなぜですか?

Question

次のコードを試しました：

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

コード

私の知る限り、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;
}