灵活的列

Question

我想制作灵活的专栏。当右边比左边长时，左边增加右边的长度，反之亦然。另外，我希望看到绿色一直位于左栏的底部。现在，我制作最小高度但不是解决方案;）

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/