另一种方法是将html元素的宽度设置为100vw。在许多(如果不是大多数)浏览器上，这抵消了滚动条对宽度的影响。

html { width: 100vw; }

html {height: 101%;}

我使用这个跨浏览器解决方案(注意:我总是在第一行使用DOCTYPE声明，我不知道它在quirksmode中是否有效，从未测试过)。

这将始终显示一个活跃的垂直滚动条在每一页，垂直滚动条将是可滚动的只有几个像素。

当页面内容短于浏览器的可见区域(视图端口)，你仍然会看到垂直滚动条活动，它将是可滚动的只有几个像素。

如果你痴迷于CSS验证(我只痴迷于HTML验证)，通过使用这个解决方案，你的CSS代码也将验证W3C，因为你没有使用非标准的CSS属性，如-moz-scrollbars-vertical

body { 
    min-height: 101vh; 
} 

这对我来说是最好的

我是这样做的:

html {
    margin-left: calc(100vw - 100%);
    margin-right: 0;
}

这样，我就不必在不需要滚动条时查看丑陋的灰色滚动条了。

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

这使得滚动条始终可见，只在需要时才活动。

更新:如果以上不工作，那么只是使用这个可能。

html {
    overflow-y:scroll;
}

我可以通过将它添加到body标签来让它工作。对我来说更好，因为html元素上没有任何东西。

body {
    overflow-y: scroll;
}