title: Making html and body stretch to 100% height and more if the page scrolls
body: <p>I want to make my <code>&lt;html&gt;</code> and <code>&lt;body&gt;</code> tags be the entire height of the viewport if the page isn't tall enough to warrant scrolling, or the entire height of the web page if it does.</p>
  
  <p>At the moment I'm using this CSS:</p>
  
  <pre><code>html, body {
      height: 100%;
  }
  </code></pre>
  
  <p>Which works a treat if the web page isn't tall enough for the user to scroll, however on a long webpage it only goes to the height of the viewport on the users browser. I also tried:</p>
  
  <pre><code>html, body {
      min-height: 100%;
  }
  </code></pre>
  
  <p>but that just seems to have the same effect as having no <code>height</code> declaration at all.</p>