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

Question

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

例如，看一下 http://crh.vkuzo.com/ .如果加载“主页”和“建议”页面，布局将保持完全相同。但是，如果您加载“关于”页面，您会看到布局略微向左移动。

是什么导致了这种轻微的移动，我该如何消除它？

附言这是容器 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?