Html 柔性柱

Html 柔性柱,html,css,Html,Css,我想做弹性柱。当右侧比左侧长时,左侧会增加右侧的长度,反之亦然。另外,我想看到绿色一直在左栏的底部。现在,我使用最小高度,但它不是解决方案;) 我用display:table cell和一些巧妙的对齐技巧尝试了布局。这会让你走的 你能发布你的CSS和/或a吗? <section class="left"> <section class="green"></section> </section> <section class="right

我想做弹性柱。当右侧比左侧长时,左侧会增加右侧的长度,反之亦然。另外,我想看到绿色一直在左栏的底部。现在,我使用最小高度,但它不是解决方案;)


我用
display:table cell
和一些巧妙的对齐技巧尝试了布局。这会让你走的


你能发布你的CSS和/或a吗?
<section class="left">
  <section class="green"></section>
</section>
<section class="right"></section>