영역에서 넘치는 부분을 가리는 overflow:hidden이 왜 area:after { }와 동일한 효과를 가져오는지 잘 이해가 가지 않습니다.. 조금만 상세한 설명을 해주실 수 있으신가요?

이 부분 설명드리기가 참 어려운 부분인데요, 원래 overflow: hidden 의 특성은 그 요소의 height가 지정되지 않았을 경우 (height: auto) 에는 해당 영역의 높이가 모두 표현되도록 되어있습니다. 그리고 그 안에 float 요소가 있을 경우에도 그 플롯요소의 하단까지 늘어나게 되어있습니다. css 명세의 10.6.7 부분에 있습니다.<a href="https://www.w3.org/TR/CSS21/visudet.html#block-root-margin">https://www.w3.org/TR/CSS21/visudet.html#block-root-margin</a>

인프런 커뮤니티 질문&답변

overflow:hidden이 왜 저런 효과를 나타내는지 이해가 안 갑니다..