float 을 사용할때 부모요소 css에 overflow: hidden 말고
html에서 부모요소에 class="clearfix" 를하고
.clearfix&nbsp; { content: "";&nbsp; &nbsp;display: block;&nbsp; &nbsp;clear: both; }

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

float 속성을 해제하는건 적어 주신 것처럼 하셔도 됩니다.
적어 주신 CSS 코드는 content 속성이 있으니까 :before :after 가상클래스에 사용한 방식입니다. 그래서 아래처럼 :before :after 둘 중에 하나 넣어주셔야 합니다.&nbsp;
.clearfix:before&nbsp; { content: "";&nbsp; &nbsp;display: block;&nbsp; &nbsp;clear: both; }
그런데 복잡하잖아요. 쉽고 간편한 overflow: hidden 방법으로 하시는게 더 좋을 듯 합니다.

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

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