title: How to make div occupy remaining height?
body: <p>I have this problem, I have two divs:</p>
  
  <pre><code>&lt;div style="width:100%; height:50px;" id="div1"&gt;&lt;/div&gt;
  &lt;div style="width:100%;" id="div2"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How do I make div2 occupy remaining height of the page?</p>