爲什麼周圍的div不影響內部內容？

我有這樣的設置：http://jsfiddle.net/zzjSC/3/，我想知道爲什麼與1px黑色邊框的周邊div不會影響內容。
我的主要目標是集中整個混亂，這是我試圖做的div，但它似乎沒有做任何事情。有沒有乾淨的方法來集中它？爲什麼周圍的div不影響內部內容？

2012-06-19 clifgray

嘗試position: absolute;當您使用margin:0 auto;中心伎倆像一個div塊級元素上，你也必須給它的寬度。順便說一句，將您的保證金從auto 0px更改爲0 auto。你有它的方式，你給頂部和底部的自動值和左右值爲0px。

以下CSS（您可能需要更改寬度）應該這樣做。

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

2012-06-19 19:15:05 j08691

好嗎

text-align:center;

很好，我得到它做我想要的。但我仍然很好奇，你知道爲什麼這個更新版本的邊界仍然不覆蓋整個區塊嗎？ http://jsfiddle.net/zzjSC/4/ – clifgray

這是由於浮游物。您可以在右對齊類中添加「overflow：auto;」，但可能會出現滾動條。 – j08691

啊好吧。謝謝！ – clifgray

上.right-align

2012-06-19 19:13:29

，如果你想設置裏面文本中心位置，使用此代碼。頭班：如果您想設置內部元素的中心位置設置它們margin-right:auto;margin-left:auto;

2012-06-19 19:23:11

回答