84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
컨테이너가 플렉스이고 item2에 오버플로가 있는 경우 컨테이너가 원하는 크기로 렌더링되고 오버플로 스크롤 막대가 표시됩니다.
그런데 flexbox를 적용하지 않으면 오버플로가 작동하지 않는 것 같습니다. 컨테이너는 콘텐츠에 더 잘 적응할 수 있는 것 같습니다. 이유를 알고 싶습니다. CSS를 배울 준비를 하고 있어요. 그리고 저는 이 질문을 머리에서 지울 수 없었습니다.
용기가 내용물에 맞지 않습니다. 그것은 당신이 제공하는 높이를 유지합니다.
그러나 자식 요소의 높이는 제한이 없으므로 내용에 맞게 커지며, 부모 요소는 Overflow-y가 숨겨지도록 설정되어 있지 않기 때문에 볼 수 있습니다.
다음은 두 하위 요소의 배경이 약간 투명한 예이므로 상위 요소의 배경을 볼 수 있으며 이 경우 두 번째 하위 요소 약간 아래에서 끝납니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
용기가 내용물에 맞지 않습니다. 그것은 당신이 제공하는 높이를 유지합니다.
그러나 자식 요소의 높이는 제한이 없으므로 내용에 맞게 커지며, 부모 요소는 Overflow-y가 숨겨지도록 설정되어 있지 않기 때문에 볼 수 있습니다.
다음은 두 하위 요소의 배경이 약간 투명한 예이므로 상위 요소의 배경을 볼 수 있으며 이 경우 두 번째 하위 요소 약간 아래에서 끝납니다.