html - 灵活的列

Question

我想做灵活的列。当右边比左边长时，左边增加右边的长度，反之亦然。另外，我想看到绿色一直在左栏的底部。现在，我制作了 min-height 但它不是解决方案；）

http://i.imgur.com/bxiCTff.jpg

<section class="left">
  <section class="green"></section>
</section>
<section class="right"></section>

Answer 1

我尝试了布局display:table-cell和一些巧妙的对齐技巧。这应该让你继续前进。

http://jsfiddle.net/BEkDT/