css - 3열 레이아웃을 구현하기 위해 flex를 사용하는 방법은 무엇입니까? 하지만 하위 요소의 높이는 적응형이어야 합니까?

Question

flex를 사용하여 그림에서 3열 레이아웃을 구현하려고 합니다. 현재 다음과 같은 문제가 발생합니다. 상위 요소가 display: flex를 설정하면 세 열의 높이가 같고 세 열의 높이를 원합니다. 열을 적응형으로 설정하려고 합니다. flex-direction:colum이나 flex-flow:row nowrap 중 어느 것도 원하는 효과를 얻을 수 없습니다...

我想大声告诉你 · Answer

매우 간단합니다
줄바꿈을 고려하지 않는다면
demo1