title: Make div auto resize to fit its container height
body: <p>I have a HTML like this:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="banner"&gt;&lt;/div&gt;
      &lt;div class="left"&gt;&lt;/div&gt;
      &lt;div class="right"&gt;
          &lt;div class="content"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>These <code>div</code>s are auto resize base on its content with <code>overflow: auto</code>. Now I'm facing a problem. When <code>div:content</code> overflow its parent, <code>div: right</code> and <code>div: container</code> will resize to fit with <code>div:content</code> height. But <code>div: left</code> height stay unchange. How to make <code>div: left</code> height auto resize to fit <code>div: container</code> when its height change?</p>
  
  <p>Here a jsfiddle: <a href="http://jsfiddle.net/trongcuong1710/cDqSj/2/" rel="nofollow">http://jsfiddle.net/trongcuong1710/cDqSj/2/</a></p>