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>