css - 页脚不在底部(div-s溢出)

Question

请看下面的代码:

<div style="background:#F00;width:800px;">

<div style="float:left">
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />
Hello  Hello  Hello  Hello  Hello  Hello  Hello  Hello  <br />


</div>

<div style="float:right">
Thanks!
</div>


</div>

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

我有两个部分，我希望页脚位于 body 标记的第一个子 div 的 bootom 中。但我不想给任何 div 赋予高度，因为它们应该与其内容对齐。我该怎么做？

编辑:

似乎页脚 div 没有考虑其他 div 的计算高度。

Answer 1

您需要清除第一个 div 子元素的 float 。

我认为有 2 种方法。

1) 在<div style="float:right">Thanks!</div>之后添加:

<div style="clear:both"></div>

2) 将页脚更改为:

<div id="footer" style="clear: both">
footer
</div>