垂直固定和不帶瀏覽器的滾動條

我想我的頁面有像圖像中的行爲流體佈局。 100％框具有瀏覽器屏幕的高度，自動框具有最小高度，比方說100像素，所以，我喜歡自動框增加/減少，如果它的高度低於100像素，那麼在自動方塊中創建滾動條，而不是瀏覽器（如圖中所示）。

編輯：http://jsfiddle.net/erwingo/gMEBn/ 的問題是，當你調整下車窗，滾動條出現，因爲--div類=「內容」 - 似乎並沒有減少。

對不起，如果我的英語不夠好。

2012-10-12 ErwinGO

向我們展示您迄今爲止所嘗試的內容。 –

我發佈這個圖像在保管箱：https://www.dropbox.com/s/r5st78ccx88tawo/box.jpg – ErwinGO

嗨，歐文，對不起，我的意思是請告訴我們你寫了什麼代碼，以便社區可以嘗試和幫助你。 –

您可以指定屏幕百分比的元素高度。然後給你的內容區域overflow: auto;

另一種選擇，因爲在頁眉和頁腳的高度似乎是靜態的是設置內容爲position:absolute; top: totalOfHeadersHeight; bottom: footerHeight; overflow: auto;，然後它會給你的內容區域與它自己的獨立滾動填充屏幕區。

2012-10-12 16:06:47 PCasagrande

但我無法確定「剩餘」區域是爲了設置爲--div class =「content」 - 一個特定的高度。示例中的主div（容器）可以減少/增加100px到150px。我更新了jsfiddle再看一遍。 – ErwinGO

非常感謝！它按預期工作！我更新了jsfiddle，任何想知道我是如何解決這個問題的人，當然在你的幫助下。 – ErwinGO

回答