Html 底部行的页脚重叠

我现在的页脚有问题。我知道这是一件很容易的事，我只是没有注意到。问题出现在的“更多示例”页面上，您可以看到最后一行正在讨论中。这个问题是普遍存在的，这也是主页上没有真正页脚的原因。任何帮助都将不胜感激。就像我之前说的，我知道这可能是一个简单的解决办法，但我似乎无法理解。我使用joomla，因此内容区域不是页眉和页脚方案的一部分

谢谢！

---

Chris

只需从

#footer

中删除

位置：绝对，重叠将消失。
您可以将页脚的
位置更改为
相对并调整它。
看看这个很棒的gide，它可以让页脚向下移动：D

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

在styles.css中，在第1376行周围，删除
位置：绝对和
宽度：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;
}


说明：
通常，
位置：绝对位置。由于
位置的元素：绝对设置
底部时，不要占用页面上的任何空间：0
，div位于页面上最后一个元素的底部，这导致它与content div重叠

清除：两者都有是div清除内容中组成行的浮动所必需的。
我不敢相信这有多快。非常感谢Roddy！这好像真的起了作用。现在我可以算出页脚了。我知道这是一些简单的东西，我只是没有正确使用或不包括。非常感谢！非常感谢你的帮助！难以置信的快！非常感谢你的帮助！难以置信的快！非常感谢你的帮助！难以置信的快！