2010-01-26 68 views
21

我希望頁腳始終位於頁面的底部,即使內容沒有完全推下來。我怎樣才能讓它停留在頁面底部?CSS Push Div到頁面底部

+0

可能重複[製作DIV入住的網頁內容底部,甚至一切的時候,有滾動條(http://stackoverflow.com/questions/8824831/make-div-stay-at-bottom-頁面內容 - 所有的時間,甚至當這裏是滾動) – jgauffin 2012-04-25 11:15:50

+2

請參閱[CSS粘滯頁腳](http://ryanfait.com/sticky-footer/)或[新CSS粘滯頁腳] (http://www.cssstickyfooter.com/)。 – 2010-01-26 16:25:43

+0

新的CSS粘滯頁腳爲我工作得很好。 – 2010-09-29 21:15:31

回答

3

如果您始終希望它位於可見頁面的底部,即使內容比可視區域更深入,也請嘗試絕對放置div並在頁面底部添加頁邊距。的

29
#footer { position: fixed; bottom: 0; } 
+0

這對我有效! – nottinhill 2012-05-11 15:15:27

+0

它workds;)謝謝:) – 2013-06-28 08:25:11

+0

請注意這是爲ID =「頁腳」的頁腳,目標頁腳元素省略# – 2016-10-24 13:20:47