title: div height:100% until content gets taller than browser height?
body: <p>Is there a way to instruct a div to fill 100% of the available page height, until it gets enough content to require a scrollbar?:</p>
  
  <pre><code>// browser height: 600px:
  
  &lt;div&gt;
      // empty, so just be 600px tall.
  &lt;/div&gt;
  
  ....
  
  // when it gets content and gets taller than
  // the page, don't need to auto-height itself
  // anymore.
  &lt;div&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      ...
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>is there any sort of style that can make that happen, or does this need to be done with javascript?</p>
  
  <p>Thanks</p>