title: DIV height set as percentage of screen?
body: <p>I'm looking to set a parent DIV as 70% of the full 100% screen height. I've set the following CSS but it doesn't seem to do anything:</p>
  
  <pre><code>body {
  font-family: 'Noto Sans', sans-serif;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  }
  .header {
  height: 70%;
  }
  </code></pre>
  
  <p>For some reason it doesn't seem to be working though and the header isn't 70% of the screen size. Any advice?</p>