title: How To Set Height of Child Div According To Parent Div
body: <p>I have a html like this: </p>
  
  <pre><code>&lt;div id="container"&gt;    
      &lt;div id="c1"&gt;       
      &lt;/div&gt;
      &lt;div id="c2"&gt;       
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I have this css codes:</p>
  
  <pre><code>    &lt;style type="text/css"&gt;
  html, body {
      height: 100%;
      }
  body {
      margin: 0;
      padding: 0; 
      }
  #container {
      height: 100%;
      background: #CCFFCC;
      }
  #c2{
      background: #CC11CC;
      min-height: 100%;   
  }
  #c1{
      background: #CC44AA;
      height: 50px;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>I want c2 div's height to expand as %100 of parent div minus c1's height. Because I don't want scroll to be shown in my page. How can i do it? </p>
  
  <p>How can i do it?</p>