我有一個基本的佈局,我希望頁腳在內容後佔用視口的剩餘部分。現在,當我使用下面的代碼它繪製一個滾動條,因爲高度計算爲頁腳高度(100%)加上內容高度(變化),有沒有辦法來防止滾動條沒有計算內容的高度與JavaScript?有頁腳拉伸高度來填充視口沒有javascript
html,body{height:100%;}
.content {position: relative;}
.footer{height: 100%; min-height:100%; background-color:green; overflow: hidden; padding-bottom: -2000px;}
<div class="content">
content
</div>
<div class="footer">
Footer
</div>
在http看看:/ /stackoverflow.com/questions/9160159/full-height-columns-without-scroll。應該是一個很相似的解決方案。 – 0b10011 2012-02-08 16:24:40