说明：

Question

此刻我的页脚出现问题。我知道这很容易让我能够注意到。问题出现在http://www.hirelogo.com的“更多样本”页面上。正如您所看到的那样，最后一行正在被覆盖。问题是普遍存在的，尽管他在主页上也没有真正的页脚的原因。任何帮助将非常感激。就像我之前说的那样，我知道这可能是一个简单的解决办法，但我似乎无法弄明白。我正在使用joomla，因此内容区域不是页眉和页脚方案的一部分。

谢谢！克里斯

Answer 1

以下更改似乎可以解决您的问题。

在styles.css中，在第1376行附近，移除position: absolute;和width: 800px;。您还需要添加clear: both;。以下是最终声明最终的结果：

#footer {
    clear: both;
    bottom: 0; /* this line is no longer necessary either; see below */
    height: 63px;
    margin-top:1px;
    text-align: center;
    line-height: 103px;
    background-color: #fff;
}

说明：

通常，只有当您计划在页面上放置与页面流分开的内容时，才应使用position: absolute;。由于position: absolute;的元素不占用页面上的任何空格，因此当您设置bottom: 0;时，div会转到页面上最后一个元素的底部，这会导致它与内容div。

div需要clear: both;来清除组成内容行的浮点数。

Answer 2

只需从position:absolute移除#footer，重叠就会消失。

Answer 3

您可以将页脚的position更改为relative;并进行调整。

Answer 4

看看这个伟大的指南，让页脚下降：D

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

底行的页脚重叠

4 个答案:

说明：