允許頁面使用底部定位的頁腳使用內容增長

Question

我已經使用本教程設計了一個站點（http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page）無論內容的長度如何，頁腳都浮在屏幕的底部 - 但是現在我遇到的問題是有更多內容顯示在視口中，而不是更少。

我的設計比他演示的設計更復雜，我將它與CMS一起使用，所以它在HTML方面顯然有點不同。

是否有人在使用這個模型時，內容下推什麼花樣 - 我工作的網站http://sproffer.joyatechsolutions.com

如果你去定價頁面 - 你會看到有比顯示更多的內容（5段），雖然滾動條顯示 - 它只會增加頁腳下面的空間，該頁腳應該靜止在底部。

有什麼建議嗎？謝謝！

Answer 1

您應該使用

position:fixed; 

爲#bottom網頁

，你也應該在#mainContent加

padding-bottom: 255px; 

填充底這是停止的內容#mainContent被#bottom div隱藏

Infact看着它我會將您的div＃mainContent更改爲

div#mainContent { 
    width: 1000px; 
    overflow:hidden; 
    background: white; 
    margin-top: 3px; 
    padding: 14px; 
    padding-bottom: 225px; 
}