在CSS内容div中与页脚重叠

“page”div有三个divheaderdiv、'contentall'和'footerdiv'。“contentall”和“footerdiv”重叠

即使我将'top:100px'添加到'footerdiv'中，它仍然没有帮助。 请帮忙

我是论坛的新手，无法发布css代码（仍然需要了解代码是如何发布在这里的）

有问题的示例页面：

---

我查看了之前的讨论，但无法理解。请提供帮助。

如果“contentall”是浮动的或包含浮动元素，则会导致div的高度降低

可能的解决办法：

不建议在“footerdiv”中添加“clear:both”。“contentall”仍然没有高度）

在关闭“contentall”之前添加一个空div，并在新div中添加“clear:both”

=>不推荐。（将代码弄得一团糟）

将类“clearfix”添加到“contentall”div中

=>但是在这样做之前，您需要实现建议的clearfix类

---

我希望这有帮助，祝你好运。

问题不在于你的页脚，而在于内容。如果只删除

位置：相对你可以看到它。不幸的是，由于未正确清除标题，因此标题与内容重叠。我建议添加一个空的
clear:both到headerdiv。这比用面包屑更干净

这样做：

HTML:

只是一个建议：首先，我建议始终定义一个div的宽度和高度。根据我的经验，您会遇到与此类似的较少问题。
您能否在您的问题中添加一个仅包含该问题的示例？
<div id="headerdiv">
     <div id="mastheaddiv">
     <div id="headext">
     <div id="breadnsearch">
     <div style="clear:both;height:1px;width:100%;"></div>
</div>
<div id="contentall"></div>
<div id="footerdiv"></div>

#mastheaddiv {
    float: left;
    width: 79%;
}


#headext {
    color: white;
    float: right;
    height: 100%;
    margin-top: 9px;
    width: 20%;
}


#breadnsearch {
    float: left;
    height: auto;
    width: 100%;
}

#contentall {
    display: block;
    height: auto;
    width: 100%;
}