● float와 claerfix

- float

float는 원하는 방향으로 배치를 해준다.

ex) float:left; 왼쪽으로 배치, float:right; 오른쪽으로 배치

- clearfix

clearfix는 float요소를 사용시 후속으로 오는 컨텐츠까지 영향을 받지 않게 조치하는 것이다.

ex)

현재 'new box'가 float의 영향을 받아 배치의 오류가 발생

float 후속영향 제거