“边距：自动”包装被推到左侧，一旦它充满了内容

Question

我有一个空的文档，只有div命名包装它。它有margin：auto。

如果我添加了15行以上的内容，它会左移大约10 - 9px。有没有办法解决它？

非常感谢！

Answer 1

我猜它一旦滚动条出现在视口的右侧就会被推到左边。 margin:auto将使包装保持在其父项中间。假设你的窗口宽度为800px，封装宽度为400px，那么它的每一边都会有200px，因为margin:auto会将它保持在中间。你将内容添加到你的包装中，这个内容使包装的增长超过了你的窗口的高度。滚动条出现在右侧，窗口仍然是800px，但为了显示滚动条，视口的宽度减少了大约20个像素。因此，您的页面总宽度缩小到780px而不是800px，因此margin:auto会将您的包装10px移动到左侧。

Answer 2

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