我有一個案例,我沒有看到解決方案.這是我的問題：
我有一個頁面有三個部分(頁眉,部分和頁腳)頁腳必須始終沖到底部.部分部分應該占據頁眉和頁腳之間的所有可用位置,但必須具有根據頁面不同的最小高度(我将在CSS上手動設定它).
達到最小高度時,應該可以在整個頁面上滾動.
這是我用來設定我的标題,部分和頁腳占用所有可用位置的代碼示例.
CSS
body {
margin: 0
}
header, section, footer {
left:0;
right:0;
overflow: hidden;
position: absolute;
}
header {
height: 70px;
top: 0;
background-color: green;
}
section {
top: 70px;
bottom: 195px;
background-color: gray;
min-height:300px;
}
article {
overflow: hidden;
background-color:lightyellow;
}
.news {
position: absolute;
bottom: -30px;
width: 100%;
background-color: lime;
}
footer {
height: 195px;
bottom: 0;
background-color: pink;
}
HTML
My header
UP
News 1 News 2
My footer
編輯
我如何在我的部分添加一個最小高度,當它到達時,我的窗戶上有一個滾動條？
編輯2
我将添加更多關于我的問題的資訊.首先,我在section标簽内的内容大部分将以絕對值設定.并隐藏一些并出現在動作(主要是javascript)上.出于這個原因,我知道每個部分,如果有人點選連結,我需要看到我的所有内容的最小高度.
對于我的例子,div新聞是隐藏的,當你點選它時,至少需要360px才能看到.但是如果我的窗戶比這個小,我的窗戶上沒有卷軸,我的所有内容都被頁腳覆寫了.