Html 由于嵌套的Div是浮动的，因此Div似乎没有内容

我有一个容器，里面有几个浮动的div。我想让div伸展到内容的最大高度

我曾尝试将

overflow:visible

添加到容器中以使其扩展，并添加了

clear

，但两者都不起作用

---

可用的实时站点链接

您需要在div中放置一些未浮动的内容，并清除该内容

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