title: css height 100%
body: <p>Why is the second div height not 100px?</p>
  
  <p>Now it is very long...</p>
  
  <pre><code>&lt;div style = "height: 300px;"&gt;
      &lt;div style = "height: 300px; background-color: #000;"&gt;
          &lt;div style = "height: 200px;"&gt;
                   First div
          &lt;/div&gt;
          &lt;div style = "height: 100%; background-color: #336699;"&gt;
                   Seconf div
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>