css - 如何用flex实现三栏布局，但是子元素高度要自适应呢？

Question

我想用flex实现图中的三栏布局，目前遇到如下问题：

当父元素设置display: flex后，三栏的高度是相同的，而我希望三栏的高度是自适应的，我尝试设置flex-direction:colume和flex-flow:row nowrap都达不到想要的效果，有没有人知道该如何设置呢？

Answer 1

很简单
不考虑换行的话
demo1