float 해제: Micro clearfix vs Legacy clearfix
clearfix floating 을 해제하는 가장 널리 알려진 방법으로 6가지(legacy) 정도가 알려져 있습니다. Legacy clearfix 첫 번째 float 해제 방법 가장 고전적인 방법으로 자식 요소 다음의 빈 요소를 사용하여 clear 속성을 이용해 float를 해제하는 방법이 있습니다. → 이 방법은 내용과 분리하는 표현의 분리라는 측면에 어긋나기 때문에 권장되는 방법은 아닙니다. 두 번째 float 해제 방법 두 번째 방법은overflow 속성 이용하는 방법입니다 이 속성은 넘치는 콘텐츠를 숨기고 보이지 않게 해주는 속성으로 이 속성을 이용하면 부모 요소에 overflow: hidden 또는 auto 속성값을 사용하면 부모 요소가 자식 요소를 담아낼 수 있도록 확장해 줍니다. 말 그대로 ..
