页脚下的白色间隙

Question

On my site here，当padding-bottom不够时，页脚会变白，并且想知道是否有人可以帮助诊断。

这是页脚CSS：

#footer {
color:#E0E0E0;
max-width:1280px;
margin:0 auto;
padding:1.45em 2% 0.4em;
}

我想知道右导航相等列CSS是否影响它：

.right-nav {
float: right;
width: 29.4%;
border-left: 1px solid #Dddddd;
padding-top:2em;
padding-bottom:10040px;
margin-bottom:-10000px;
}

任何想法都会很棒。

*更新：this page here也存在巨大差距，这就是为什么我想知道右导航是否与它有任何关系。

Answer 1

听起来你想要使用粘性页脚。

http://ryanfait.com/sticky-footer/

这是我在网上找到的最好的教程。但是，您可能需要对网站的结构进行一些调整。

这实际上是强制页脚始终位于页面底部，无论内容的大小如何。如果内容足够大，它就应该位于页面底部。

Answer 2

如果我理解你的话 那么你需要在页脚添加溢出

#footer
{
overflow:hidden;
}

Answer 3

使用它应该有效。这是jsFiddle example的实际操作。

#footer {
    bottom:0px;
    position:absolute;
}