[CSS] ClearFix

부모 영역에 가로, 세로 값을 부여하지 않고 자식 요소에서 float을 사용하게 되면 부모 영역이 사라진다.

그것을 해결하는 방법이 clearfix이다. (물론 부모 영역의 크기 값을 주게 되면 당연히 문제가 생기진 않는다.)

 

해결 방법 중 하나는 아래와 같다.

	.clearfix::after {
		clear: both;
 		display: block;
	}

여기서 clear:both는 (left, right 값을 동시에 해제 해준다.)

그리고 display:block이나 table을 부여해주면 된다.