2014-01-30 28 views
1

我正在嘗試使頁腳停留在頁面底部,因此當您向下滾動時,它應該停留在那裏。讓頁腳停留下來,不管是什麼

我該如何做到最好?

PS:我還沒有任何代碼,我只是在尋找如何以最好的方式做到這一點。

+0

可能複製http://stackoverflow.com/questions/15076201/html-css-sticky-footer-growing-content http://stackoverflow.com/questions/3906065/problems-with-css -sticky-footer http://stackoverflow.com/questions/5822825/sticky-footer-css – apsuva

回答

1

在頁腳上使用下面的代碼,使其保持固定在底部。

例如,

的HTML:

<div class="footer"><!-- Your footer code should be here. --></div> 

的CSS:

.footer{ 
    position:fixed; 
    bottom:0; 
} 

這將使頁腳留在底部保持它固定。

希望這會有所幫助。

+0

只是一個評論:iOS有問題。只是一個問題:你看到什麼處理? – loveNoHate

+1

讓身體擁有'位置:相對;'是解決這個問題的最好方法。 - @dollarvar – Nitesh

+0

嗯,好的,會嘗試。 – loveNoHate

0
#footer { 
clear: both; 
position: relative; 
z-index: 10; 
height: 3em; 
margin-top: -3em; 
} 

This CSS can help you. 
For better explanation refer to this 
http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/ 
This blog can also do the needful 
http://fortysevenmedia.com/blog/archives/making_your_footer_stay_put_with_css/ 
+0

Waht?.......... – loveNoHate