如何在完全響應的站點中強制滾動條？

我目前正在幫助一位朋友提供一個非常簡單，快速響應的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'，然後它會自己強制瀏覽器窗口的滾動條。 –

回答