页脚不在底部（div-s 溢出）答案

【问题标题】：Footer is not in the bottom (div-s overflow)页脚不在底部（div-s 溢出）
【发布时间】：2012-02-26 19:07:54
【问题描述】：

请看下面的代码：

<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 的计算高度。

【问题讨论】：

标签： css html tags overflow

【解决方案1】：

你需要清除第一个 div 孩子的浮动。

我认为有两种方法。

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

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

2) 将页脚更改为：

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

【讨论】：

那么您可能需要向我们展示相关的真实代码。也许你的真实代码中的 html 标记有很大不同？
问题是我给了一个 div 高度。删除了高度，它起作用了！谢谢。

【解决方案2】：

您也可以尝试将style="float: left; width: 100%" 添加到footer。也许这可以解决阻碍 Shadow_boi 解决方案发挥作用的任何冲突。

【讨论】：