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

Html 如果站点低于浏览器高度,则站点移动超过5像素,html,css,browser,height,pixels,Html,Css,Browser,Height,Pixels,所以很明显,我为我的旧高中建设的网站在导航时喜欢向左/向右移动大约5px 导航到“关于我们”下的“管理”或“诊所”,网站将稍微向左或向右移动。显然,如果网站内容超过浏览器高度,它就会移动。我以前也有过这种经历。为什么? 站点当内容高于浏览器的视口时,将显示垂直滚动条。这会将视口宽度减少约20px,因此内容会向左移动10px,因为它是中心对齐的。可能的解决办法: 当内容高于浏览器的视口时,将显示垂直滚动条。这会将视口宽度减少约20px,因此内容会向左移动10px,因为它是中心对齐的。可能的解决办法

所以很明显,我为我的旧高中建设的网站在导航时喜欢向左/向右移动大约5px

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


站点

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


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


你是说出现在右边的滚动条,导致整个站点确实在滚动条上移动了一点吗

一种解决方案是在每个页面上添加一个滚动条,即使不需要滚动条

试试这个css:

html {
    overflow-y: scroll;
}

您可能想将其添加到

您是说出现在右侧的滚动条,导致整个站点确实为滚动条移动了一点吗

一种解决方案是在每个页面上添加一个滚动条,即使不需要滚动条

试试这个css:

html {
    overflow-y: scroll;
}

您可能希望将其添加到样式表中:

html { 
    overflow-y: scroll; 
}

添加到样式表中:

html { 
    overflow-y: scroll; 
}

这个问题到底为什么要结束?现在已经有css-pixel.stackexchange.com了吗?为什么这个问题要结束?现在已经有css-pixel.stackexchange.com了吗?