html - 防止滚动条添加到 Chrome 上的页面宽度

Question

我有一个小问题，试图让我的 .html 页面在 Chrome 上保持一致的宽度，例如，我有一个页面 (1)，其中有很多内容溢出了视口(viewport)的(正确的词？)高度，因此该页面 (1) 上有一个垂直滚动条。在第 (2) 页上，我有相同的布局(菜单、div 等)但内容较少，因此其中没有垂直滚动条。

问题是在第 (1) 页上，滚动条似乎将元素稍微向左推(加起来宽度？)，而所有内容都在第 (2) 页上居中显示

我仍然是 HTML/CSS/JS 的初学者，我坚信这不是那么困难，但我没有找到解决方案的运气。它确实在 IE10 和 FireFox(非干扰滚动条)上按预期工作，我只在 Chrome 上遇到过。

Answer 1

免责声明:覆盖已被弃用。
如果绝对必要，您仍然可以使用它，但尽量不要这样做。

这只适用于 WebKit 浏览器，但我非常喜欢它。将在其他浏览器上表现得像 auto。

.yourContent{
   overflow-y: overlay;
}

这将使滚动条仅显示为覆盖层，因此不会影响元素的宽度!