title: Parent item height not solved by clearfix
body: <p>Can't figure out why my div.partner-item will not take the height of it's child elements.  Check out my fiddle here <a href="https://jsfiddle.net/edjcqkke/2/" rel="nofollow">https://jsfiddle.net/edjcqkke/2/</a>.  If you inspect the 'partner-item' div you can see that it does not have the height of its children elements.  I have cleared my floats but still can't get the parent height to recognize its children's height. My html structure:</p>
  
  <pre><code>&lt;div id="partner-container" class="standard small container"&gt;
    &lt;div class="partner-item"&gt;
      &lt;div class="flipper"&gt;
        &lt;div class="front"&gt;
          &lt;img class="logo" src="http://fillmurray.com/300/150"&gt;
          &lt;h2&gt;Test Page&lt;/h2&gt;
          &lt;p&gt;www.googlre.vi9m&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="partner-item"&gt;
      &lt;div class="flipper"&gt;
        &lt;div class="front"&gt;
          &lt;img class="logo" src="http://fillmurray.com/300/150"&gt;
          &lt;h2&gt;new-item&lt;/h2&gt;
          &lt;p&gt;http://www.google.com&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="partner-item"&gt;
      &lt;div class="flipper"&gt;
        &lt;div class="front"&gt;
          &lt;img class="logo" src="http://fillmurray.com/300/150"&gt;&lt;h2&gt;partner-item&lt;/h2&gt;&lt;p&gt;undefined&lt;/p&gt;  
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="clearfix"&gt;&lt;/div&gt;
  </code></pre>