title: div cannot scroll with height:auto
body: <p>i have made the following example but it does not work. </p>
  
  <pre><code>&lt;div class="wrapper"&gt;
  &lt;header&gt;&lt;/header&gt; 
  &lt;div class="content"&gt;
     &lt;div class="sub_content"&gt;
       &lt;article&gt;
           &lt;section id="sub_description"&gt;some text&lt;br/&gt;&lt;/section&gt;
      &lt;/article&gt;
         &lt;div class="sub_right floatright"&gt;&lt;/div&gt;
         &lt;div class="clearfix"&gt;&lt;/div&gt; 
     &lt;/div&gt;           
  &lt;/div&gt;
  &lt;footer&gt;&lt;/footer&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/x2x3s7o5/1/" rel="nofollow">http://jsfiddle.net/x2x3s7o5/1/</a></p>
  
  <p>i dont want article to take fixed height. i want to take the full height of the parent container. but the scroll bar doesnt work.
  can anyone suggest me any solution?</p>