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

Question

我正在构建的网站有一个小问题。

一切正常，除了，如果网站页面上的内容很多，页面很长，这样你就必须用浏览器的滚动条滚动整个页面才能阅读页面上的所有内容，页面以不同的方式调整大小/重新定位，它不会像其他页面一样定位自己，其内容都占据并且不需要任何滚动。

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

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

在哪里

#container{     
  margin: 0px;  
  padding: 0px; 
}

#wrapper
{   
  text-align: left;     
  margin: 0px auto;     
  padding: 0px;     
  width: 900px; 
}

请问可能出了什么问题，我真的不知道我做错了什么，因为网站中的整个页面与网站上内容较少的页面的定位不同。

这是 jsbin 的完整代码：http: //jsbin.com/iledev/1/。

Answer 1

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

overflow-y: scroll;

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

要让 Mozilla firefox 玩球，您可能需要添加：

overflow: -moz-scrollbars-vertical;

尽管该提示是一年前的，但从那时起 Firefox 可能已经改进了自己。试试看。