滚动条显示时页面调整大小和重新整形

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可能已经有所改进。尝试一下。