2015-06-12 40 views
0

我正在嘗試創建一個粘到頁面底部(不固定)的粘頁腳,並根據添加的內容向下移動。粘滯的頁腳不粘到屏幕底部的較大設備上 - 引導

在較大的屏幕上,頁腳不粘。

查看這裏:http://www.bootply.com/VxVeDahZzG

+0

所以它總是在那裏,不管你滾動多遠?像 - http://www.cssplay.co.uk/layouts/basics2.html –

+0

@MatthewHammond - 不,我只是希望它留在頁面的底部。 - 除非你在頁面底部 – RandomMath

+1

不應該在滾動的視圖,但它已經做到了? http://www.sonirepairs.com/ – TheOnlyError

回答

1

我想你需要你的身體的大小更改爲100%。這是一個很好的網站,幫助我搞清楚了。 http://ryanfait.com/sticky-footer/

這裏是他是如何做:

* { 
margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -155px; 
} 
.footer, .push { 
    height: 155px; /* .push must be the same height as .footer */ 
} 

你也需要把你的頁腳你的身體以外的這個工作。

+0

我已經試過,它似乎沒有任何區別 – RandomMath

+0

你把你的腳註在你的身體之外嗎? –

+0

是的我沒有區別 – RandomMath