float 는 주로 이미지 주변으로 텍스트를 배치하기 위해서 사용하지만 레이아웃을 잡을 때 사용하기도 한다.
a 가 float 이고 b 요소가 clear 이라는 것은 b 가 a 와 상관없이 배치된다는 것! clear 는 값으로 right, left, both 를 가진다.
텍스트보다 이미지 크기가 커서 이상해질 때 사용하는 clearfix
.clearfix { overflow: auto; }