为什么周围的div不影响内部内容？

Question

我有这样的设置：http://jsfiddle.net/zzjSC/3/我想知道为什么带有1px黑色边框的周围div不会影响内容。
我的主要目标是集中整个混乱，这是我试图用div做的事情，但它似乎没有做任何事情。有没有干净的方法让它居中？

Answer 1

当你在块级元素（如div）上使用margin:0 auto;居中技巧时，你还必须给它一个宽度。顺便说一下，将您的保证金从auto 0px更改为0 auto。你拥有它的方式是给出顶部和底部的auto值，左边和右边的值为0px。

以下CSS（您可能需要更改宽度）应该这样做。

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

Answer 2

在position: absolute;

上试试.right-align

Answer 3

如果要将文本内部设置为居中位置，请在.head class中使用此代码：

text-align:center;

如果要将元素设置在中心位置，请设置它们margin-right:auto;margin-left:auto;