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

Question

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

Answer 1

当你margin:0 auto;在像 div 这样的块级元素上使用居中技巧时，你还必须给它一个宽度。顺便说一句，将您的边距从 更改auto 0px为0 auto。你拥有它的方式是给 top 和 bottom 一个 auto 的值，给 left 和 right 一个 0px 的值。

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

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

Answer 2

试穿position: absolute;_.right-align

Answer 3

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

text-align:center;

如果您想将内部元素设置为中心位置，请设置它们margin-right:auto;margin-left:auto;