正確には、「マージン：0オート」に何が必要か。仕事に？

margin: 0 auto;要素の設定がそれを中央に配置するために使用されることを知っています（左右）。ただし、自動マージンが機能するためには、要素とその親が特定の基準を満たしている必要があることを知っており、魔法を正しく使うことができないようです。

だから私の質問は単純です：margin: 0 auto;子を左右中央に配置するために要素とその親に設定する必要があるCSSプロパティは何ですか？

私の頭の上から：

1. 要素はブロックレベルである必要があります。例：display: blockまたはdisplay: table
2. 要素はフロートしてはいけません
3. 要素は固定または絶対位置であってはなりません¹

他の人の頭の上から：

4. 要素にwidthは²ではないa が必要ですauto

これらの条件はすべて、中央に配置される要素が機能するために当てはまる必要があることに注意してください。

¹ _{本に1つの例外があります：あなたの固定または絶対位置の要素を持っている場合left: 0; right: 0、それはなり自動マージンを中心に。}

² _{技術的にmargin: 0 autoは、自動幅で機能しますが、自動幅は自動マージンよりも優先され、結果として自動マージンがゼロに設定され、「機能しない」ように見えます。}

私の頭の上から、それが必要widthです。センタリングするコンテナーの幅を指定する必要があります（親の幅ではありません）。

CSSの完全なルール：

1. （display: blockAND widthないオート）ORdisplay: table
2. float: none
3. position: relative

要素がブロック要素でない場合、頭の上から-そのようにします。

そしてそれに幅を与えます。

また、display：tableでも機能します。幅を設定する必要がないため、この場合に便利な表示プロパティです。（私はこの投稿が5歳であることを知っていますが、それでも通行人に関係があります;）

猫の頭のてっぺんから、div中心にしようとしているがに設定されていないことを確認してくださいwidth: 100%。

そうであれば、子divに設定されたルールが重要になります。

私がjsFiddleを作成したこの簡単な例に進んでください。わかりやすいと思います。wrapperサイトの幅のdivを使用して中央揃えにすることができます。あなたが置かなければならない理由widthは、ブラウザがあなたが流動的なレイアウトに行くつもりでないことを知っているからです。

これが私の提案です：

First: 
      1. Add display: block or table
      2. Add position: relative
      3. Add width:(percentage also works fine)
Second: 
      if above trick not works then you have to add float:none;

それはあなたのために幅を指定する必要がないこと多分面白い<button>それを動作させるために要素-念もありdisplay:block：http://jsfiddle.net/muhuyttr/

ちょうどこの質問にぶつかり、修正できないmargin: 0 auto場合は、ここに私が見つけたものがあると思います：幅が指定されていないtable要素は、が機能するために必要であり、そうではありません。これは、の組み合わせとして、いくつかには明らかであり、デフォルトの値はそのコンテナいっぱいに拡張テーブルを与えるだろうが、あなたがあればしたいテーブルを取るために、それは「自然」の幅だとあなたが必要とする、センタリングしますdisplay: table display: blockmargin: autodisplay: blockwidthdisplay: table