Parent item height nicht durch clearfix gelöst

Question

Ich kann nicht herausfinden, warum mein div.partner-item nicht die Höhe seiner untergeordneten Elemente erreicht. Schau mal hier meine Geige https://jsfiddle.net/edjcqkke/2/. Wenn Sie das div-Element 'partner-item' untersuchen, können Sie sehen, dass es nicht die Höhe seiner untergeordneten Elemente aufweist. Ich habe meine Schwimmer freigegeben, kann aber immer noch nicht die Elternhöhe ermitteln, um die Größe der Kinder zu erkennen. Meine HTML-Struktur:

<div id="partner-container" class="standard small container"> 
    <div class="partner-item"> 
    <div class="flipper"> 
     <div class="front"> 
     <img class="logo" src="http://fillmurray.com/300/150"> 
     <h2>Test Page</h2> 
     <p>www.googlre.vi9m</p> 
     </div> 
    </div> 
    </div> 
    <div class="partner-item"> 
    <div class="flipper"> 
     <div class="front"> 
     <img class="logo" src="http://fillmurray.com/300/150"> 
     <h2>new-item</h2> 
     <p>http://www.google.com</p> 
     </div> 
    </div> 
    </div> 
    <div class="partner-item"> 
    <div class="flipper"> 
     <div class="front"> 
     <img class="logo" src="http://fillmurray.com/300/150"><h2>partner-item</h2><p>undefined</p> 
     </div> 
    </div> 
    </div> 
</div> 
<div class="clearfix"></div> 

Answer 1

Ihre <div class="front"> hat position: absolute Eigenschaft. Es nimmt also keinen Platz vom übergeordneten Element ein. Deshalb erkennt <div class="flipper"> nicht die Größe des Kindes.