如果站点低于浏览器高度,站点移动超过5个像素

时间:2011-09-07 06:31:57

标签: html css browser height pixels

显然,我为旧高中建造的网站喜欢在导航时向左/右移动约5px。

在“关于我们”下导航到“管理”或“诊所”,该网站将向左或向右轻微移动。显然,如果网站内容超出浏览器高度,它将会移动。我以前经历过这个。为什么呢?

网站

3 个答案:

答案 0 :(得分:2)

您是在谈论右侧显示的滚动条,导致整个网站确实为滚动条移动了一点?

一种解决方案可能是简单地为每个页面添加一个滚动条,即使它不需要。

试试这个css:

html {
    overflow-y: scroll;
}

(您可能希望将其添加到body as well

答案 1 :(得分:2)

添加到您的样式表:

html { 
    overflow-y: scroll; 
}

答案 2 :(得分:1)

当内容高于浏览器的视口时,将显示垂直滚动条。这会将视口宽度减少大约20px,因此您的内容向左移动10px(10px,因为它是居中对齐的)。可能的解决方法: