[CSS] Float

요소를 보통의 흐름에서 벗어나 띄워지게 한다.(붕떠있음)
그래도 자신의 영역은 차지 하고 있다.

주변 텍스트나 인라인 요소가 주위를 감싸고 있다.
block요소는 float 속성 아래 위치하지만 inline요소는 float 속성 주위를 감싸게 된다.

대부분 요소의 display 값을 block으로 변경한다.
< span >태그 처럼 인라인 태그를 float:left를 선언하면 자동으로 dispaly:block으로 바뀜으로 불필요하게 다시 선언할 필요가 없다.

예외> display 값 변경 예외 값은 inline-table, flex등이 있다.

clear

float를 선언하면 의도하지 않게 주변요소에게 영향을 주므로 clear를 선언해주는 것이 좋다.

block-level에만 적용되는 요소이다.

보통 float을 해준 부모요소 마지막에서 clear을 해준다.