css - 如何用flex實現三欄佈局，但是子元素高度要自適應呢？

Question

#我想用flex實現圖中的三欄佈局，目前遇到如下問題：

當父元素設定display: flex後，三欄的高度是相同的，而我希望三欄的高度是自適應的，我嘗試設定flex-direction:colume和flex-flow:row nowrap都達不到想要的效果，有沒有人知道該如何設定呢？

Answer 1

很簡單
不考慮換行的話
demo1