title: How can I make a DIV take up the rest of the height of a container div?
body: <p>I have a div with two nested divs. The first child has varying height depending on its content, I want the the 2nd divs height to be whatever is left over from the parent.</p>
  
  <pre><code>&lt;div style="height:500px;"&gt;
     &lt;div&gt;Some Content Here&lt;/div&gt;
     &lt;div&gt;This div needs to take up the rest of the space of its parent&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I do this?</p>
  
  <p>Thanks,
  ~ck in San Diego</p>