「邊距：自動」包裝被推到左側，一旦它充滿了內容

我有一個空的文檔，只有div命名包裝它。它有margin：auto。「邊距：自動」包裝被推到左側，一旦它充滿了內容

如果我添加了15行以上的內容，它會左移大約10 - 9px。有沒有辦法解決它？

非常感謝！

2011-02-18 Alvydas

工作的例子，你能爲我們提供http://jsfiddle.net爲例 – 2011-02-18 21:01:18

我猜它一旦滾動條出現在視口的右側就會被推到左邊。 margin:auto將使包裝保持在其父項中間。假設你的窗口寬度爲800px，封裝寬度爲400px，那麼它的每一邊都會有200px，因爲margin:auto會將它保持在中間。你將內容添加到你的包裝中，這個內容使包裝的增長超過了你的窗口的高度。滾動條出現在右側，窗口仍然是800px，但爲了顯示滾動條，視口的寬度減少了大約20個像素。因此，您的頁面總寬度縮小到780px而不是800px，因此margin:auto會將您的包裝10px移動到左側。

來源

2011-02-18 21:44:23 Bazzz

您是否指定了div寬度。也可以嘗試margin:0 auto;代替margin:auto; 看到http://jsfiddle.net/TGyhS/1/

來源

2011-02-19 01:48:36 Hussein

「邊距：自動」包裝被推到左側，一旦它充滿了內容

回答

相關問題