.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
clearfix 클래스로 인해 위 속성들이 적용됩니다.
제가 이부분을 살펴보는 이유가 최근 개설한 커뮤니티의 문서 색인에 문서 작성시간이 누락되어 이것 저것 해보면서 궁금해져서 입니다.( 같은 스킨을 쓰는 다른 사이트도 동일현상)
혹시 저런 속성이 검색엔진이 저 작성날짜,시간 부분을 혼돈하거나 할 여지가 있나요?
현재 clearfix 클래스를 지워봤는데 특별한 문제점은 발생하지 않아 저 속성이 작용할때와 하지 않을때 차이점은 잘 모르겠습니다.
content: " ";
display: table;
}
class명이 clearfix의 내부의 앞쪽과 뒤쪽에 display방식은 table으로, 내용은 빈칸 하나를 추가하라는 것입니다.
스샷에 ::before와 ::after가 저걸로 만들어진 것입니다.
content에 다른 글자를 넣으면 그 글자가 들어갑니다. html도 적용되요.
clear:both는 float를 초기화 시켜주는 것입니다.