title: How to make an element the full height of a page?
body: <p>Is there  a way that I could set  a DIV element to take up all the height on the page. Something like:        </p>
  
  <pre><code>div.left {
    height: 100%;
    width: 50%;
    background-color: blue;
    position: absolute;
    top: 0;
    left: 0;
  }
  </code></pre>
  
  <p>I've Google'd it a few times but they all seem like really really complicated work arounds for what is probably a really really simple problem with a simple solution.</p>