title: How do I make a div height depend on the content inside?
body: <p>I have nested <code>div</code>s, with most being <code>float:left; display:block;</code>, like do:</p>
  
  <pre><code>&lt;div class="container" style="display:block;"&gt;
      &lt;div style="float:left; display:block; height:100px;"&gt;
      &lt;div style="float:left; display:block; height:100px;"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want the <code>div</code> container to get bigger without setting a height. At the moment it's a flat line.<br>How do I set up the inner <code>div</code>s, so that the container has a height?</p>
  
  <p><strong>TL;DR</strong>: Currently I can see the 2 inside <code>div</code>'s fine, but the container is a flat <code>div</code> (no height).<br>
  How do I give it a height?</p>