title: Height not working on body with skeleton
body: <p>It's my first question on Stack and I hope that someone can help me with this. </p>
  
  <p>I have a problem with my page that I'm building with Skeleton. The problem is that I cannot set "height" to 100%.  I want my footer to be always on the bottom so the rest of my page stretches to full window. How do I do that?</p>
  
  <p><strong>Here is the code:</strong></p>
  
  <pre class="lang-css prettyprint-override"><code>html {
      font-size: 62.5%;
      min-width: 100%;
      width: 100%;
      max-width: 100%;
      min-height: 100%;
      height: 100%;
      max-height: 100%;
  }
  
  body {
      font-size: 1.5em;
      line-height: 1.6;
      font-weight: 400;
      font-family: 'Lato', sans-serif;
      color: #FFD6ED;
      background-color: #1D003E;
      min-width: 100%;
      width: 100%;
      max-width: 100%;
      min-height: 100%;
      height: 100%;
      max-height: 100%;
  }
  </code></pre>
  
  <p><strong>HTML is pretty standard:</strong></p>
  
  <pre><code>&lt;html&gt;
  
  &lt;body&gt;
      &lt;header&gt;
          &lt;div class="container"&gt;
              &lt;div class="rows"&gt;
                  &lt;div class="twelve columns"&gt;
                      Content
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/header&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>None of this is working. I've also tried to set height: 100vh, but again no luck. I've read quite a few topics here and all posted solutions didn't change a thing.</p>