2016-07-31 140 views
2

我想要的東西似乎很簡單,但我無法實現! 。:(Bootstrap Web Template:如何將頁腳元素粘貼到頁面的底部?

我試圖修改和使用給予here網頁模板例子然而,有幾個問題:

首先,我要頁腳是在任何時候在頁面底部在。在給出的示例中,頁腳看起來像頁面底部的頁腳,因爲它只使用瀏覽器的一小部分,但如果將代碼作爲獨立頁面運行,則可以看到它不會卡在底部

其次,我也不喜歡下面這一行,我不想指定一個高度,

.row.content {height: 450px} 

我怎樣才能同時達到這兩個目標?

+0

什麼是頁腳中的問題?它響應迅速。爲此目的,你不能修復你的頁腳。 –

+0

身高:自動或身高:10%。頁腳{位置是:固定; bottom:0px} –

+0

@黑鳥我的內容是固定的,如果我可以將頁腳粘到頁面的底部,它會很好。 – RGO

回答

3

這個問題已經被問過很多次,但這裏的代碼反正:

footer { 
    bottom: 0; 
    position: fixed; 
    width: 100%; 
} 
.row.content { 
    position: fixed; 
    height: 100%; 
} 
+0

如何擺脫'.row.content {height:450px}'? – RGO

+2

使用.row.content {position:fixed; height:100%;} – Ppster

+0

它現在正在工作,謝謝! – RGO