title: Make div element stretch full height of page
body: <p>I have built this little ap in angular and would like to the container element to stretch the full height of the page, when the content doesn't fill the height of the page for example on a large screen this page doesn't:</p>
  
  <p><a href="http://purepremier.com/#/teams/57" rel="nofollow">http://purepremier.com/#/teams/57</a></p>
  
  <p>I tried setting it to </p>
  
  <pre><code>position: absolute;
  top:0;
  bottom:0; 
  height:100%
  </code></pre>
  
  <p>but when the content overflows then the height of the container only stretchs to the viewport height. </p>
  
  <p>Any ideas? Or is theere a way in angular to add the class to the body instead? </p>