html - 页脚下方的白色间隙

Question

在我的网站上，页脚最后是白色的，这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;
}

任何想法都会很棒。

*更新：这里的这个页面也有很大的差距，这就是为什么我想知道右导航是否与它有关。

score 2 · Accepted Answer

听起来您想使用粘性页脚。

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

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

score 0 · Accepted Answer

使用它应该可以工作。这是它的一个jsFiddle 示例。

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

score 0 · Accepted Answer

0

如果我理解正确，那么您需要在页脚中添加溢出

#footer
{
overflow:hidden;
}

于 2013-05-12T00:52:58.567 回答

3 回答 3