title: Css height in percent not working
body: <p>I have the following simple code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
  
  &lt;head&gt;
    &lt;title&gt;Live Feed&lt;/title&gt;
  
    &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt;
  
    &lt;style&gt;
      body {
        margin: 0px;
        padding: 0px;
      }
    &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div style="background-color: #eeaabb; width: 250px; height: 100%; border-right: solid 1px #e1e1e1;"&gt;
      I should be tall
    &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But the div doesn't get displayed with height being 100%. Why?</p>