외부 div의 높이를 항상 특정 내부 div의 높이와 동일하게 설정하려면 어떻게 해야 합니까?

Question

세 개의 내부 div가 포함된 외부 div가 있습니다.

가장 왼쪽 내부 div가 항상 외부 div의 높이를 결정하도록 하고 싶습니다. 다른 내부 div의 내용이 [가장 왼쪽 div보다] 적으면 빈 공간이 생깁니다. [가장 왼쪽 div보다] 콘텐츠가 더 많으면 스크롤 막대가 표시됩니다.

SO에 대한 다른 질문은 외부 div의 높이를 내부 div의 높이로 설정하는 방법을 묻습니다. 하지만 제 경우에는 내부 div가 여러 개 있고 외부 div의 높이가 가장 왼쪽 div의 높이보다 큰지 작은지 알 수 없습니다.

특히 CSS만 사용하여 이를 수행할 수 있는 방법이 있나요?

Answer 1

다양한 방법. 두 가지 예:

으아악 으아악

으아악 으아악

Answer 2

한 가지 아이디어는 절대 위치 지정을 사용하여 일부 콘텐츠를 흐름에서 분리하여 높이에 영향을 미치지 않도록 한 다음 Flexbox를 기본 레이아웃으로 사용하는 것입니다.

으아악 으아악