컨테이너가 플렉스이고 item2에 오버플로가 있는 경우 컨테이너가 원하는 크기로 렌더링되고 오버플로 스크롤 막대가 표시됩니다.
으아악그런데 flexbox를 적용하지 않으면 오버플로가 작동하지 않는 것 같습니다. 컨테이너는 콘텐츠에 더 잘 적응할 수 있는 것 같습니다. 이유를 알고 싶습니다. CSS를 배울 준비를 하고 있어요. 그리고 저는 이 질문을 머리에서 지울 수 없었습니다.
으아악
P粉4669094492023-09-12 11:30:46
용기가 내용물에 맞지 않습니다. 그것은 당신이 제공하는 높이를 유지합니다.
그러나 자식 요소의 높이는 제한이 없으므로 내용에 맞게 커지며, 부모 요소는 Overflow-y가 숨겨지도록 설정되어 있지 않기 때문에 볼 수 있습니다.
다음은 두 하위 요소의 배경이 약간 투명한 예이므로 상위 요소의 배경을 볼 수 있으며 이 경우 두 번째 하위 요소 약간 아래에서 끝납니다.