当滚动出现时居中的 div 改变位置

Question

我有一个居中的 div 容器（通过 margin-left:auto 和 margin-right:auto），加载时页面设计看起来很好... 在这个 div 下面还有另一个隐藏的 div，它会根据用户的请求显示。 但是当这种情况发生时，浏览器滚动会出现并弄乱我的设计，因为居中的 div 也会向左移动几个像素（因此它可以再次位于中心）。

这种行为可以制止吗？

替代解决方案是添加overflow-y:scroll，但我发现并非所有浏览器都支持overflow-y，而且我找不到哪些浏览器... 有人可以发布一个链接，我可以在其中查看 css3 功能的浏览器支持列表吗？

Answer 1

由于始终显示滚动，可能不利于布局。

尝试使用 css3 限制正文宽度

body {
    width: calc(100vw - 34px);
}

vw 是视口的宽度（请参阅 此链接进行一些解释）
calc 在 css3 中计算
34px 代表双滚动条宽度（参见 this 用于固定或 此计算）

Answer 2

此 css 将始终在您的页面上显示垂直滚动。

body {
    overflow-y: scroll;
}

默认情况下它是 overflow: auto;