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

Question

Flex를 사용하여 그림에서 3열 레이아웃을 구현하려고 합니다. 현재 다음과 같은 문제가 발생합니다.

상위 요소가 display: flex를 설정하면 세 열의 높이가 동일하므로 높이를 원합니다. flex-direction:colume 및 flex-flow:row nowrap 설정을 시도했지만 원하는 효과를 얻을 수 없었습니다.

Answer 1

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