html - 如何阻止滚动条取代我的页面？

Question

我通过将页面内容包装在包装器 div 中，然后将其放入样式表中，使页面的内容居中：

#wrapper {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

问题是：每当内容增加并且出现垂直滚动条时，它就会取代内容，因为视口的大小发生了变化。无论滚动条的可见性如何，我们如何确保居中内容的位置不会改变？

Answer 1

因为当页面宽度发生变化（出现滚动条时）时，您的内容相对于窗口大小（margin-left：auto；margin-right：auto）定位，所以内容的位置也会发生变化。

为了解决这个问题，您可以使用以下方法在页面上为您的内容指定一个绝对位置：postion:absolute

另一种选择是使用overflow-y 属性来指定是否将溢出的内容剪辑到元素内容上。

html {overflow-y:scroll;}