頁腳不在頁面底部

在我的網站上：http://www.thetechnodaily.com因爲內容很多，主頁上的頁腳很好。但在頁面內容較小的頁面上，例如頁面不在頁面底部。頁腳位於內容的末尾而不是頁面的底部。有什麼方法可以讓頁腳始終處於底部？頁腳不在頁面底部

2012-08-01 Lavanya Arora

如果你指的是具有固定的頁腳會始終顯示在底部，你將需要使用固定位置bottom: 0px因此會一直呆在那裏，即使內容未填滿屏幕

#footer_id { 
     position:fixed; 
     bottom:0px; 
     height: "whatever"; 
    }

來源

2012-08-01 02:25:32

我不認爲OP是指這一點。在鏈接的網頁上，頁腳需要保留在所有內容之下。 – irrelephant 2012-08-01 02:29:14

是啊，你可以使用粘性頁腳

 <div id="footer"></div> 

#footer 
     { 
     position: relative; 
     margin-top: -50px; /* Give the height of footer as negative margin */ 
     height: 50px; 
     clear:both; 
     }

此鏈接可以幫助你

http://www.cssstickyfooter.com/using-sticky-footer-code.html

來源

2012-08-01 02:45:47 Prashobh

不，我不是在說那個。看，像頁腳是低於內容，所以它總是在底部。但是，當內容較少時，它仍然是內容的底部，而不是屏幕的底部。我希望它在屏幕的底部 – 2012-08-01 13:09:49

它沒有工作。 – 2012-08-01 13:14:12

這只是粘腳頁腳 – Prashobh 2012-08-01 13:24:44

頁腳不在頁面底部

回答

相關問題