css - 将页脚获取到 "stick"到页面底部

Question

我在使用 worpress 模板时遇到问题，我试图让页脚贴在页面底部。我找到了执行此操作的代码，但在某些页面上，页脚和内容正文之间有一个灰色部分。我已经在 firebug bug 中检查过这个，那里似乎什么也没有。它只发生在高分辨率的屏幕上，例如 1280x1024，但在我的笔记本电脑上没有问题，它具有更多的宽屏分辨率 (1280x800)

这是违规页面之一的链接:http://caroline.ie/yourbrownenvelope/?page_id=74

知道是什么导致了这个灰色条吗？谢谢

Answer 1

#wrapper {
height:auto !important;
margin:0 auto -74px;
min-height:100%;
}

您将不得不稍微更改包装器结构。负边距和最小高度似乎导致了这种奇怪的行为。

查看此链接 http://www.cssstickyfooter.com/用于坚实的粘性页脚解决方案。