세 개의 내부 div가 포함된 외부 div가 있습니다.
가장 왼쪽 내부 div가 항상 외부 div의 높이를 결정하도록 하고 싶습니다. 다른 내부 div의 내용이 [가장 왼쪽 div보다] 적으면 빈 공간이 생깁니다. [가장 왼쪽 div보다] 콘텐츠가 더 많으면 스크롤 막대가 표시됩니다.
SO에 대한 다른 질문은 외부 div의 높이를 내부 div의 높이로 설정하는 방법을 묻습니다. 하지만 제 경우에는 내부 div가 여러 개 있고 외부 div의 높이가 가장 왼쪽 div의 높이보다 큰지 작은지 알 수 없습니다.
특히 CSS만 사용하여 이를 수행할 수 있는 방법이 있나요?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
다양한 방법. 두 가지 예:
한 가지 아이디어는 절대 위치 지정을 사용하여 일부 콘텐츠를 흐름에서 분리하여 높이에 영향을 미치지 않도록 한 다음 Flexbox를 기본 레이아웃으로 사용하는 것입니다.