html - div 似乎没有内容，因为嵌套的 div 是浮动的

Question

我有一个容器，里面有几个浮动的 div。我希望 div 伸展到其内容的完整高度。

我尝试添加overflow:visible到容器中以使其扩展，还添加了 aclear但似乎都不起作用。

此处提供实时站点链接

Answer 1

您需要在 div 中放置未浮动的内容并清除它。

<div class="magical-div>
   <div class="float1"> content </div>
   <div class="float2"> content </div>
   <div style="display:block;clear:both;">&nbsp;</div>
</div>