title: Expanding a parent div horizontally to fit its floated children
body: <p>I have a parent div with a variable number of equally sized child divs floated left.  I want the parent div to expand to the width of the children no matter what, even if it means overflowing its own container.</p>
  
  <p>Is there a way to do this naturally with HTML/CSS?</p>
  
  <p>Example (The stretchable div would wind up being 180px wide):<br></p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="stretchable-div"&gt;
      &lt;div class="child"&gt;&lt;/div&gt;
      &lt;div class="child"&gt;&lt;/div&gt;
      &lt;div class="child"&gt;&lt;/div&gt;
      ...
  &lt;/div
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.child {
     width: 60px;
     height: 60px;
     float:left;
  }
  </code></pre>