안녕하세요 강사님 질문 있습니다

Question

float 을 사용할때 부모요소 css에 overflow: hidden 말고

html에서 부모요소에 class="clearfix" 를하고

.clearfix { content: ""; display: block; clear: both; }

이렇게 css에 적는 방식으로 float 해제 하는것도 상관없나요?

Answer

float 속성을 해제하는건 적어 주신 것처럼 하셔도 됩니다.

적어 주신 CSS 코드는 content 속성이 있으니까 :before :after 가상클래스에 사용한 방식입니다. 그래서 아래처럼 :before :after 둘 중에 하나 넣어주셔야 합니다.

.clearfix:before { content: ""; display: block; clear: both; }

그런데 복잡하잖아요. 쉽고 간편한 overflow: hidden 방법으로 하시는게 더 좋을 듯 합니다.

Answer

감사합니다!