title: How to refresh the size of a div after adding elements to it
body: <p>I have an element like this:</p>
  
  <pre><code>&lt;div id="content" style="border: 2px solid black"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And through JQuery I add some new stuff:</p>
  
  <pre><code>$("#content").append($('&lt;div&gt;&lt;/div&gt;').addClass("box"));
  </code></pre>
  
  <p>where</p>
  
  <pre><code>.box { margin: 10px; padding: 10px; border: 1px solid black }
  </code></pre>
  
  <p>But the outer <code>div</code> does not resize when I do this, so I get an inner box that is sticking out of a solid outer box.  How can I get the outer box to resize itself when I add this inner box?</p>