Question

我有一个使用以下代码在浏览器中居中的页面：

#wrapper { margin: 0 auto; }

当页面没有延伸到视口底部时（因此不需要右侧的滚动条），它完全居中。但是当显示的数据超出视口底部时，它会将div向左移动约5个像素。有没有其他人有这个问题/知道如何解决它？

Answer 1

你的DIV仍然完全居中。现在你要考虑滚动条的宽度。

Answer 2

为了避免在导航到没有滚动条的不同页面时，居中页面的内容发生变化：

body {overflow-y: scroll;}