允许页面使用底部定位的页脚使用内容增长

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; 
}