定位嵌套divs

我想將div嵌套在居中包裝中，以便在調整瀏覽器大小時不會移動div。這個想法與Facebook主頁類似，其中所有的div都保持居中，並且在頁面變大時不會相對移動。定位嵌套divs

我所有的div的嵌套在此：

#header { 
    width: 750px; 
    margin: 0 auto; 
    }

我有什麼做內定位的div？這與定位有關嗎？

對不起，這是一個模糊的解釋，請做澄清！

任何幫助將不勝感激，謝謝。

2011-04-15 Sebastian

你或許應該有針對該容器的DIV一個clearfix類（見http://www.positioniseverything.net/easyclearing.html）

至於內部的DIV，float: left;和顯式定義的寬度是所有你需要讓他們並排出現。

2011-04-15 20:10:38

當我將內部div設置爲向左浮動時，它們不會移動，這是我想要的。有沒有辦法將它們定位在其他地方，具有相同的效果？編輯：哦，我用頂部而不是邊緣頂部。不用擔心！ – Sebastian 2011-04-15 20:18:43

最後一件事 - 如何在一個div中居中div？ – Sebastian 2011-04-15 20:25:18

'margin：0px auto;'將會在一個div中居中div，只要指定了一個寬度。 – 2011-04-15 20:37:19

我曾經有同樣的問題，我通過使用attr固定它：

風格=「最小寬度：970像素;」

我希望它能幫助

2011-04-15 20:09:38

作爲一條經驗法則：不要使用position: absolute。這很少是實現佈局效果的最佳方式。

如果你使用絕對定位，那麼容器上設置position: relative使之建立新的定位上下文和元素相對於它的邊緣，而不是窗口定位。

#header { 
    width: 750px; 
    margin: 0 auto; 
    position: relative; 
}

2011-04-15 20:12:22 Quentin

回答