我在Chrome上保持我的 .html 页面的宽度一致遇到了小问题。
例如，我有一个页面 (1) 有大量内容超过视窗的高度（这个词对吗？），所以在该页面 (1) 上有一个垂直滚动条。在页面(2)上，我有相同的布局（菜单、div等），但是内容较少，因此没有垂直滚动条。
问题在于，在页面(1) 上，滚动条似乎会将元素稍微向左推（增加宽度？），而在页面(2)上，一切都显示为居中状态。
我还是一个HTML/CSS/JS初学者，我相信这并不是很难解决，但是我一直没有找到解决方案。在IE10和FireFox上可以按预期工作，只有在Chrome上出现了这个问题。
免责声明: overlay已被废弃。
如果你非常需要，仍然可以使用它，但尽量避免使用。
这仅适用于WebKit浏览器，但我很喜欢它。
在其他浏览器上会像auto一样运行。
.yourContent{
overflow-y: overlay;
}
这将使滚动条仅以 覆盖 的形式出现，因此不会影响您的元素的 宽度！
你需要做的就是添加：
html {
overflow-y: scroll;
}
可能
html {
width: 100vw;
}
就是你想要的。
<html>）的宽度设置为100个视口宽度单位。也就是浏览器窗口的100％宽度。 - Neurotransmitteroverflow-x: hidden; 也非常有帮助！ - rlf892021年的解决方案是使用scrollbar-gutter，它会在一个元素中永久添加滚动条所使用的空间。
使用方法：
.element-class {
scrollbar-gutter: stable both-edges;
}
both-edges是可选项。
另请参阅https://caniuse.com/mdn-css_properties_scrollbar-gutter和https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-gutter
overflow:overlay已弃用。
以下是代码清单，以便更好地理解各种可能性：https://codepen.io/waxolunist/pen/ExweBMz
both-edges 在我的文本区域左侧造成了填充。因此，我只需使用 scrollbar-gutter: stable; 即可。 - Avatar您可以获取滚动条的大小，然后将边距应用于容器。
类似这样：
var checkScrollBars = function(){
var b = $('body');
var normalw = 0;
var scrollw = 0;
if(b.prop('scrollHeight')>b.height()){
normalw = window.innerWidth;
scrollw = normalw - b.width();
$('#container').css({marginRight:'-'+scrollw+'px'});
}
}
用于去除水平滚动条的CSS：
body{
overflow-x:hidden;
}
试着看看这个：http://jsfiddle.net/NQAzt/
Webkit 浏览器（如 Safari 和 Chrome）在计算宽度为 100% 或 100vw 时，会从可见页面宽度中减去滚动条的宽度。更多信息请参见DM Rutherford 的 Scrolling and Page Width。
尝试使用 overflow-y: overlay 替代。
::-webkit-scrollbar {
display: none;
}
我可以直接应用CSS样式，使滚动条不可见，但仍然可以在Chrome中进行滚动。这对于不想在页面上有分散注意力的滚动条时很有用！
#outer {
overflow-y: auto;
overflow-x: hidden;
/*
* width must be an absolute value otherwise the inner divs width must be set via
* javascript to the computed width of the parent container
*/
width: 200px;
}
#inner {
width: inherit;
}
body {
width: calc( 100% );
max-width: calc( 100vw - 1em );
}
overflow-x: hidden;
目前我的另一个答案似乎并没有完全正常工作（但我将继续尝试让它运行）。
但基本上你需要做的事情，以及它动态尝试要做的事情，是将内容的宽度设置为略小于可滚动面板的父级。
这样当滚动条出现时，它对内容没有影响。
这个EXAMPLE展示了一种更加hacky的方式来达到这个目标，通过硬编码width而不是通过padding让浏览器为我们完成。
如果这是可行的，那么这是最简单的解决方案，如果你不想要一个永久的滚动条。
scrollbar-gutter: stable both-edges;。如果没有滚动条，则沟槽将被绘制为填充的扩展部分。 - daniel p