html - 周囲の div が内部コンテンツに影響しないのはなぜですか?

Question

http://jsfiddle.net/zzjSC/3/のような設定をしていますが 、1px の黒い境界線で囲まれた div がコンテンツに影響しないのはなぜだろうと思っています。
私の主な目標は、私がやろうとしていた混乱全体を中心に置くことですが、div何もしていないようです. それを中心に置くきれいな方法はありますか？

Answer 1

margin:0 auto;div のようなブロック レベルの要素でセンタリング トリックを使用する場合は、幅も指定する必要があります。ところで、マージンを からauto 0pxに変更してください0 auto。あなたが持っている方法では、上と下に auto の値を与え、左右に 0px の値を与えています。

次の CSS (幅を変更する必要がある場合があります) でそれを行う必要があります。

.right-align {
    margin: 0px auto;
    border: 1px solid black;
    position: relative;
    width: 1036px;
}

Answer 2

内側のテキストを中央の位置に設定する場合は、.head クラスで次のコードを使用します。

text-align:center;

要素の内側を中央の位置に設定する場合は、それらを設定しますmargin-right:auto;margin-left:auto;

Answer 3

試着position: absolute;_.right-align