title: How to split screen with three divs
body: <p>How to split screen with three divs by following demands:
  - main div should cover whole screen (100%x100%)
  - sub div after div should cover main div( each sub div = 33% )</p>
  
  <p>I tried to do it as following :</p>
  
  <pre><code>    &lt;div style="width:100%; height :100%;  background-color:Lime;"&gt;
      sss
          &lt;div style="width:100%; height:34%; background-color:Blue;"&gt;
          a
          &lt;/div&gt;
          &lt;div style="width:100%; height:33%; background-color:Gray;"&gt;
          b
          &lt;/div&gt;
          &lt;div style="width:100%; height:33%; background-color:Aqua;"&gt;
          c
          &lt;/div&gt;        
      &lt;/div&gt;
  </code></pre>