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

我对网站（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; 
}

来源

2012-01-23 vasek1

可能重复的[如何防止滚动条重新定位网页？]（http://stackoverflow.com/questions/1417934/how-to-prevent-scrollbar-from-repositioning-web-page） – Quentin

我相信您看到的布局变化是由于在关于页面上显示了滚动条。你应该能够通过总是显示滚动条来解决这个问题：尝试“overflow-y：scroll” – dinjas

@Quentin是的，没有意识到它是滚动条并且有一个“嘟嘟嘟”的时刻：D – vasek1

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

来源

2012-01-23 16:42:31

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

来源

2012-01-23 16:43:00

添加这种风格：

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

为中心的网页，你想要的滚动条是始终可见（不是必要，即使它）。这样页面将不会水平移动，这取决于滚动条是否可见。

来源

2012-01-23 16:43:30

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

回答

相关问题