將div一直延伸到頁面底部

Question

我的網站有可變長度的內容，這有時意味着頁腳不在網頁底部，是否有一種方法可以使頁腳填充剩下的空間是什麼？

http://www.ibdnetwork.co.uk/members-content/forums

Answer 1

看看優秀的崗位在CSS-Tricks.Com：

• A Bulletproof Sticky Footer, Woohoo!

See the demo here :)

Answer 2

有多種方法解決這個問題。一種是在您的CSS中有

html, body { height:100%; } 

。但是，這可能會在垂直滾動的頁面上產生問題。對於複雜的情況，你將不得不求助於JavaScript onResize編碼。

看看這有助於：

How do I force a DIV block to extend to the bottom of a page even if it has no content?

Answer 3

CSS

#footer { 
    position:fixed !important; 
    bottom:0; 
} 

這應該這樣做。你可以在你的內容包裝器上添加一個填充符，該填充符包含頁腳的高度+ 50px或類似的內容，用於內容和頁腳之間的間距。其他頁腳將會位於您的內容之上。