2013-01-04 182 views
-1

可能重複:
How do you get the footer to stay at the bottom of a Web page?如何使頁腳粘貼到使用CSS的頁面底部?

我有了一個頁腳網頁,但它不堅持下,即使我的內容是滿的。我正在使用

footer { 
    position:absolute; 
    bottom:0px; 
} 

頁腳停留在SCREEN的底部,但不在頁面的底部。你可以在http://thomaswd.com/2013prototype/index.html看到一個例子。調整瀏覽器窗口的大小,以便內容可滾動。該CSS在http://thomaswd.com/2013prototype/style.css。您還可以在http://thomaswd.com/2013prototype/pricing.html找到另一個示例。該CSS在http://thomaswd.com/2013prototype/style2.css。我用第二個例子:http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

在此先感謝。 :-)

+2

使用此:http://ryanfait.com/sticky-footer/ – JSW189

+0

這也是一個很好的:'http:// www.cssstickyfooter.com /' – Dawson

回答

-1

變化position:absoluteposition:fixed 位置絕對需要的元素出內容的正常流動,而固定做到這一點,並堅持到頁面

+0

但位置:固定將使其堅持底部的屏幕;我希望它表現得像一個普通的頁腳。 –

+0

那麼你不能使用position:absolute;因爲那樣它就不會在正常的內容流中起作用。你需要把它放在你的最終內容 –

+0

沒關係,我把頁腳樣式關閉,並把頁腳放在

,它看起來像文本,但完美的作品。 –

0

當你指定頁腳:絕對的;底部:0;這意味着,它在你的容器外面。要解決該問題,請將腳註放入任何容器div或節標記中。

相關問題