2015-10-16 144 views
0

我有一個問題,我的頁腳只粘貼到索引頁面的底部,應用任何類型的「粘腳」CSS都會修復頁腳頁面,但打破索引頁腳。如其中,它漂浮起來。頁腳不粘在索引頁底部

這是一般的CSS我已經試過:

position: absolute; 
bottom: 0; 
width: 100%; 

再次,適用於大多數其他網頁正常,但是沒有索引。

你可以看到我在這裏住指數:http://goo.gl/XUUCjW

和非粘性頁腳在我的頁面在這裏的一個例子:http://goo.gl/uhd1h4

+0

將絕對位置設置爲相對.. –

+0

索引頁上的頁腳也不粘。 – jQuery00

+2

http://mystrd.at/modern-clean-css-sticky-footer/試試這個 – jQuery00

回答

0

的方式我解決這個得到的是要做到以下幾點:

html { 
    position: relative; 
    min-height: 100%; 
} 

body { 
    margin-bottom: 60px; 
} 

.footer { 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
} 

身體底部邊緣的原因是,當您將頁腳推到底部時,它會覆蓋其上的所有內容。我發現60px對我來說效果不錯,但是您可能會有更深或更小的頁腳,請相應地進行調整。