3

我使用本教程 (http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page) 设计了一个带有页脚的网站,该页脚浮动在我的屏幕底部,无论内容的长度 - 但是我现在遇到的问题是当有更多内容将显示在视口中时,而不是更少。

我的设计比他演示的更复杂,我将它与 CMS 一起使用,所以它在 html 方面显然有点不同。

使用此模型时,有没有人有任何技巧来推送内容 - 我正在处理的网站是http://sproffer.joyatechsolutions.com

如果您转到定价页面 - 您会看到内容多于显示内容(5 个段落),并且虽然显示了滚动条 - 它只在页脚下方添加了应该固定在底部的空间。

有什么建议么?谢谢!

4

1 回答 1

3

你应该使用

position:fixed;

对于#底部

您还应该在 #mainContent 上添加一个 padding-bottom

padding-bottom: 255px;

这是为了阻止#mainContent 的内容被#bottom div 隐藏

事实上,看着它,我会将您的 div#mainContent 更改为

div#mainContent {
    width: 1000px;
    overflow:hidden;
    background: white;
    margin-top: 3px;
    padding: 14px;
    padding-bottom: 225px;
}
于 2012-08-15T11:27:18.730 回答