如何在完全响应的站点中强制滚动条？

我目前正在帮助一位朋友提供一个非常简单，快速响应的1页网站，可以查看here。如何在完全响应的站点中强制滚动条？

如果将浏览器窗口向下拖动到450px或更小的宽度，您将看到布局更改正确。但是，当您垂直拖动以缩短页面时，隐藏/覆盖中间的内容。

我需要中间的文字始终可见，即使用户需要滚动/滑动才能看到它。注意：这是我想要滚动的全身，而不仅仅是内容div。

在此图像中，可以看到文本覆盖，如果视口不是很高：

enter image description here

在包含的主要内容股利，我已经尝试设置高度和最小 - 高度以及使用!important无济于事。

我必须错过一些明显的东西。任何帮助表示赞赏。

我会考虑使用视图高度的媒体查询;例如，考虑[this]（http://stackoverflow.com/questions/11404744/media-queries-max-width-or-max-height）。另外，“stategic”？ –

我还会注意到，在Firefox 17 ESR中，内容覆盖底部栏，而不是隐藏在底部栏之后;你可能希望在你的CSS中考虑明确的z-index规范来防止这种情况发生。 –

@ AaronMiller - 谢谢，z-index问题现在应该修复。 –

将名为“content”的div设置为样式：“overflow-y：scroll;”

<div id="content" style="overflow-y: scroll;"> 
<!-- content --> 
</div>

2013-08-27 18:21:17

我在我的Chrome浏览器上试过这个，它工作正常，你应该试试。 –

body { 
overflow-y: scroll; 
}

更新为整个文档。

2013-08-27 18:23:15 Blynn

对不起，我应该更清楚。我希望整个机构滚动，而不仅仅是内容div。我将编辑我的问题。 –

更新我的回答请在下面添加或修改任何其他身体特定的CSS。 – Blynn

感谢您的努力，但这并不能解决在内容框中保持一致高度的问题。如果我使用你的建议，当我缩短窗口时，内容div仍然会崩溃。我需要那个内容div来维持一个给定的'min-height'，然后它会自己强制浏览器窗口的滚动条。 –

回答