css - 让一个 div 保持在我页面上所有其他 div 的下方

Question

现在我有这样的东西:

<div id="pagebody">
    <div id="left-entries"> </div>
    <div id="right-entries"> </div>
</div>

<div id="footer">
    ....text....
</div>

left-entries 和 right-entries 有 float: left; 以便它们在 pagebody< 中并排显示.

pagebody 有 margin-left: auto; margin-right: auto; 使其位于中心。

如何让 footer 始终显示在 pagebody 下？现在它的位置有点落后于一切。我有一种感觉，这是因为 pagebody 没有定义高度(因为高度由其中的内容定义，并且根据内容而变化)。

有什么想法吗？

Answer 1

如果您将 clear:both; 添加到 #footer，它将始终位于 pagebody 下方