overflow:hidden와clearfix 차이가 궁금해요

float 속성을 주면 html 순서상 다음에 오는 요소도 float 속성을 상속 받기 때문에 그 상속을 해제하는 것이 clear: both 입니다. 주로 .clearfix 라는 클래스명으로 사용됩니다.

overflow: hidden은 float 속성을 주면 html 순서상 다음에 오는 요소도 float 속성을 상속 받더라도 영향을 받지 않게 하는 좀 간편한 방식입니다.

2가지 모두 결과적으로는 비슷합니다. 하지만 float 속성을 가진 요소의 높이 값을 자동으로 찾아주어야 하는 경우 overflow: hidden을 쓰셔야 합니다.