clearfix방법

*clearfix시키는 방법 4가지

https://youtaekjung.github.io/2018/04/21/css/CSS-float-clearfix/

▶가상 요소 ::after 사용(권장)

float속성을 적용한 요소의 부모요소::after{
    display:block;
    content:'';
    clear:both;
}

▶overflow:hidden

float속성을 가진 요소의 부모 요소에 overflow:hidden또는 overflow:auto;

→ 넘치는 부분이 잘리거나 가로 스크롤바가 생기기때문에 사용하지 않는것이 좋다.

[ CSS3부터 적용 ]

가상 클래스(hover, link...) 는 싱글콜론(:)

가상 요소(after, before..) 는 더블콜론(::)