[解決済み] divを別のdivの中で中央に配置するにはどうすればよいですか？重複

質問

ということなのでしょう。 #container の中で中央に配置されます。 #main_content . しかし、そうではありません。なぜうまくいかないのでしょうか、どうすれば直るのでしょうか。

#main_content {
  top: 160px;
  left: 160px;
  width: 800px;
  min-height: 500px;
  height: auto;
  background-color: #2185C5;
  position: relative;
}

#container {
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 10px;
  position: relative;
}

<div id="main_content">
  <div id="container">
  </div>
</div>

解決方法は？

を設定する必要があります。 width コンテナの ( auto は機能しません)。

#container {
    width: 640px; /* Can be in percentage also. */
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
}

によるCSS参照は MDN がすべてを説明しています。

これらのリンクをチェックしてみてください。

• auto - CSS リファレンス｜MDN
• マージン - CSSリファレンス｜MDN
• の意味は何ですか？ auto CSS プロパティ内の値 - Stack Overflow

動作中 jsFiddleにて .