我使用的Twitter引導與我購買的模板。我不得不做一些工作來讓頁腳出現並看起來可以接受,但現在它總是太低。Twitter引導頁腳太低
我的意思是,空白將始終添加,使頁腳低於屏幕底部 - 您總是必須向下滾動才能看到它。
Here's a link to the site。您只需查看主頁即可查看問題。
我使用的Twitter引導與我購買的模板。我不得不做一些工作來讓頁腳出現並看起來可以接受,但現在它總是太低。Twitter引導頁腳太低
我的意思是,空白將始終添加,使頁腳低於屏幕底部 - 您總是必須向下滾動才能看到它。
Here's a link to the site。您只需查看主頁即可查看問題。
如果你想刪除導致網頁種植更多,那麼它應該額外的白色空間,只是刪除:
body {
padding-bottom: 40px;
padding-top: 60px;
}
#wrap {
min-height: 100%;
}
html, body {
height: 100%;
}
如果你想與頁腳achiev什麼,是八方通棒它在頁面的底部,你應該遵循一種叫做粘性頁腳的技術,就像this
它目前粘在頁面的底部(不是屏幕),但總是插入空格,所以我必須向下滾動才能看到它。當沒有內容時,我想在屏幕上出現而不滾動 – user1640228
這就是粘滯頁腳所做的事情... – mfreitas
我會再試一次,謝謝 – user1640228
問題似乎是#wrap元素設置爲'min-height:100%;'。如果您只需將頁腳放在內容的底部而不是頁面的底部,那麼刪除它應該是一個簡單的解決方法。
問題解決後,我將刪除鏈接並添加正確答案中缺少的任何細節,以便結果可重現。 – user1640228
首先,頁腳下面的奇怪的小空白是因爲你的'.footer'被設置爲固定'height:20px'。刪除它,它會消失。 – Jason