Css 滚动条显示时调整页面大小和形状

我的网站有一个小问题，我正在建设

一切正常，但如果网站上某个页面的内容很多，而且页面很长，因此您必须使用浏览器的滚动条滚动整个页面才能读取页面上的所有内容，则页面会以不同的方式调整/重新定位自身，并且不会像其他页面那样定位自身，其内容全部占用，不需要任何滚动

我正在使用HTML5 dtd，并将此CSS用于孔页面：

<div id='container'>
<div id='wrapper'>
<!-- then the  whole content of the page is here-->
</div>
</div>

请问有什么可能是错误的，我真的不知道我做错了什么，因为整个网页在网站上的位置本身不同于网页上的内容较少

---

以下是jsbin的完整代码：。

向元素添加样式，使其始终显示滚动条：

overflow-y: scroll;

这样内容就不会重新定位自己，因为较小的内容和较大的内容之间没有区别

要让mozilla firefox发挥作用，您可能需要添加：

overflow: -moz-scrollbars-vertical;

---

虽然这是一年前的提示，但从那时起Firefox可能已经有所改进。试试看。

你有没有试过

body{overflow-y:scroll；}

overflow-y

是受支持的，因为ff 1.5和

-moz scrollbars-vertical

被标记为不推荐使用。谢谢大家，非常感谢，它成功了。但是为什么会这样，浏览器这样做是正常的吗？是的，浏览器的默认行为是扩展div以适应内容的大小。因此，它们为我们提供overflow-y（和overflow-x），以防我们想要保持div的大小不变，在本例中，滚动div中的内容。

overflow: -moz-scrollbars-vertical;