html - ネストされた div がフローティングされているため、div にコンテンツがないように見える

Question

その中にいくつかのフローティング div を含むコンテナーがあります。div をコンテンツの高さいっぱいまで伸ばしたい。

overflow:visibleコンテナに追加して展開しようとしましたclearが、追加しても機能しないようです。

ライブサイトのリンクはこちら

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>