我有一个空文档，其中只有一个名为 wrapper 的 div。它有 margin :自动。
如果我向其中添加超过 15 行内容，它会被向左推大约 10 - 9 像素。有办法解决吗？
非常感谢!
最佳答案
我猜它会在滚动条出现在视口(viewport)右侧时立即向左推。 margin:auto 会将包装器保持在其父级的中间。假设您的窗口是 800px 宽，而 wrapper 是 400px 宽，那么它的每一边都会有 200px 因为 margin :auto 会把它放在中间。您将内容添加到包装器中，此内容会使包装器的增长超过窗口的高度。滚动条出现在右边，窗口仍然是 800px，但是为了显示滚动条，视口(viewport)的宽度减少了大约 20 像素。因此，页面的总宽度已缩小到 780px 而不是 800px，因此 margin:auto 将移动您的包装器 向左 10 像素。
关于css - 带有 "margin: auto"的包装器一旦充满内容就会被推到左边，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5046517/