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 从那时起可能已经改进了自己。试试吧。