Inflearn Community Q&A
asked
overflow:hidden와clearfix 차이가 궁금해요
Resolved
Written on
·
371
1
clearfix가 아닌 overflow:hidden를 쓰는 이유가 궁금해요ㅠㅠ
overflow:hiddenHTML/CSS웹 디자인jquery
Answer 1
1
codingworks
Instructor
float 속성을 주면 html 순서상 다음에 오는 요소도 float 속성을 상속 받기 때문에 그 상속을 해제하는 것이 clear: both 입니다. 주로 .clearfix 라는 클래스명으로 사용됩니다.
overflow: hidden은 float 속성을 주면 html 순서상 다음에 오는 요소도 float 속성을 상속 받더라도 영향을 받지 않게 하는 좀 간편한 방식입니다.
2가지 모두 결과적으로는 비슷합니다. 하지만 float 속성을 가진 요소의 높이 값을 자동으로 찾아주어야 하는 경우 overflow: hidden을 쓰셔야 합니다.
감사합니다~