0

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

谢谢！克里斯

4

4 回答 4

2

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

在 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 重叠。

clear: both;div 必须清除在内容中组成行的浮动。

于 2012-08-15T05:09:17.327 回答
0

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

于 2012-08-15T05:02:09.540 回答
0

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

于 2012-08-15T05:06:37.757 回答
0

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

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

于 2012-08-15T05:09:07.850 回答