ul li要素に基づいてdivの高さを拡張しますか？

Question

平和と祝福があなたにも:)

は、私が持っていると言う：

<div class="c1"> 
    <div class="c2"> 
     <ul> 
     <li><div class="c3"></div></li> 
     <li><div class="c3"></div></li> 
     <li><div class="c3"></div></li> 
     <li><div class="c3"></div></li> 
     <li><div class="c3"></div></li> 
     <li><div class="c3"></div></li> 
     <li><div class="c3"></div></li> 
     <li><div class="c3"></div></li> 
     <li><div class="c3"></div></li> 
     </ul> 
    </div> 
</div> 

だから、基本的に私はli内容に基づいて展開しdiv C1、C2 &をしたいです。

私はこれを作成しました：https://jsfiddle.net/unpfk1aw/c1で拡大しますが、c2のままです。原因が何であるか教えていただければ幸いです。

Answer 1

float: left;を使用しているためです。これは、文書の流れから要素を取り除き、c2 divは各liの高さについて全く知らないことを意味します。

代わりにul liセレクタでfloat: left;をdisplay: inline-block;に置き換えてください。