网页布局在页面之间略微移动 - 如何阻止它

Question

我正在为网站（1000px）使用固定宽度布局，布局通过自动边距在屏幕中居中。但是，我发现在网站的某些页面上，由于某种原因，布局与其他页面的位置略有不同。这对我来说是令人惊讶的，因为我使用Django并为每个页面提供相同的基本模板和样式表，所以我希望它们看起来一样。

例如，请查看http://crh.vkuzo.com/。如果加载“主页”和“建议”页面，则布局保持完全相同。但是，如果您加载“约”页面，则可以看到布局略微向左移动。

导致这种轻微运动的原因是什么，我怎么能摆脱它呢？

P.S。这里是容器div的相关CSS（至少我认为是相关的）：

#wholepage {
    width:1000px;
    clear:left;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}

Answer 1

这是浏览器的滚动条。请参阅：How to prevent scrollbar from repositioning web page?

Answer 2

添加此样式：

body {
    ...
    overflow-y: scroll;
}

对于居中页面，您希望滚动条始终可见（即使不需要）。这样，根据滚动条是否可见，页面不会水平移动。

Answer 3

滚动条正在调整布局。当滚动条出现在浏览器窗口上时，它会将宽度最小化一定量的像素（滚动条本身的宽度）。