2012-12-11 92 views
1

我使用的Twitter引導與我購買的模板。我不得不做一些工作來讓頁腳出現並看起來可以接受,但現在它總是太低。Twitter引導頁腳太低

我的意思是,空白將始終添加,使頁腳低於屏幕底部 - 您總是必須向下滾動才能看到它。

Here's a link to the site。您只需查看主頁即可查看問題。

+0

問題解決後,我將刪除鏈接並添加正確答案中缺少的任何細節,以便結果可重現。 – user1640228

+0

首先,頁腳下面的奇怪的小空白是因爲你的'.footer'被設置爲固定'height:20px'。刪除它,它會消失。 – Jason

回答

1

如果你想刪除導致網頁種植更多,那麼它應該額外的白色空間,只是刪除:

body { 
    padding-bottom: 40px; 
    padding-top: 60px; 
} 

#wrap { 
    min-height: 100%; 
} 

html, body { 
    height: 100%; 
} 

如果你想與頁腳achiev什麼,是八方通棒它在頁面的底部,你應該遵循一種叫做粘性頁腳的技術,就像this

+0

它目前粘在頁面的底部(不是屏幕),但總是插入空格,所以我必須向下滾動才能看到它。當沒有內容時,我想在屏幕上出現而不滾動 – user1640228

+0

這就是粘滯頁腳所做的事情... – mfreitas

+0

我會再試一次,謝謝 – user1640228

0

問題似乎是#wrap元素設置爲'min-height:100%;'。如果您只需將頁腳放在內容的底部而不是頁面的底部,那麼刪除它應該是一個簡單的解決方法。