css - flex を使用して 3 列レイアウトを実装する方法ですが、子要素の高さは適応的である必要がありますか?

Question

画像内の 3 列のレイアウトを実装するために flex を使用したいと考えています。現在、次の問題が発生しています。

親要素が display: flex に設定されている場合、3 つの列の高さが同じになり、その高さが必要になります。 3つの列のうち、flex-direction:columeとflex-flow:rownowrapを設定しようとしましたが、望ましい効果を達成できませんでした。設定方法を知っている人はいますか？

Answer 1

とても簡単です
改行を考慮しなければ
demo1