柔性柱

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/