由于嵌套的div被浮动，Div似乎没有内容

Question

我有一个容器，里面有几个浮动的div。我希望div能够延伸到它内容的全部高度。

我尝试将overflow:visible添加到容器中以使其展开并添加了clear但似乎都无效。

可用的实时网站链接here

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>