粘性页脚,高度可调

时间:2012-04-17 18:30:39

标签: html css sticky-footer

我正试图在我的页面上粘贴一个粘性页脚,但与我之前看到的相比有一点扭曲。

页脚顶部始终在内容后以50px粘贴,并且在页面末尾填充绿色以填充页脚的其余部分。

您可以在http://enviro2012.tapagecommunication.com

上看到示例

如果您在页面底部的Facebook插件中点击“发送”按钮,问题就更好了。

如果您需要更多信息,请告诉我们! :)

谢谢!

1 个答案:

答案 0 :(得分:0)

我之前有这个。我尝试了各种方法,包括检查窗口高度与页脚的垂直位置,然后将页脚高度设置为差异。它在大多数浏览器中都没有太糟糕的工作。

然而,最简单(和快速渲染)的解决方案是在页脚上添加足够的底部填充以覆盖大多数窗口大小的间隙。假设您的内容总是填满页面的大部分内容,那么几百个像素应该足够了 - 并且在第一次加载页面时正确呈现。