높이를 지정하지 않고 세로 스크롤이 가능한 플렉스 컨테이너를 만드는 방법은 무엇입니까?

Question

아래 코드 조각에서 첫 번째와 두 번째 컨테이너는 각각 창 높이의 50%를 차지할 것으로 예상하고 첫 번째 컨테이너 본체는 세로 오버플로

를 갖기를 원합니다.

안타깝게도 큰 덩어리를 첫 번째 컨테이너에 넣으면 페이지의 50%보다 커지고 자동 오버플로가 작동하지 않습니다.

높이를 지정하지 않는 방법이 있나요?

으아아아 으아아아

Answer 1

블록 콘텐츠를 div로 래핑하고 전체 블록 콘텐츠가 스크롤되도록 표시되도록 Overflow-y를 스크롤하도록 설정해야 합니다. 그렇지 않으면 중간 부분만 스크롤됩니다.

블록 자체에 overflow-y: auto;를 추가하면 스크롤되도록 설정할 수 있습니다.

이것을 시도해 보세요:

으아악 으아악