柔性柱

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/