css居中的内容向左或向右移动

Question

我有一个html，其中内容使用经典方法居中：

width: 960px;
margin: 0 auto;

现在，根据页面上内容的高度，可能会显示滚动条。 这将使内容在一个较小的区域中居中。

因此，实际上内容只会向左或向右跳。

我所拥有的解决方案是overflow-y: scroll; body，它将始终显示滚动条。

但如果您的网页很少，那么您将始终获得一个未使用的滚动条。

有没有更好的解决方案？

感谢。

Answer 1

你可以删除滚动条：

body, html {
    overflow: hidden;
}

或者（并且仍然隐藏滚动条），请使用javascript解决方案在您想要的块中添加滚动条，这样就不会移动内容。