CSS - float float 는 객체를 띄우는 기능이다. 쉽게 설명하면 워드에서 이미지와 글자가 공존할 때, 이미지 위치에 따라 글자가 이미지를 피해서 위치하는 것이다. 아마 아래 예제를 보면 바로 이해가 될 것이다. See the Pen Untitled by code_gray (@code_gray) on CodePen. box의 위치에 따라 글자의 위치도 box를 가리지 않도록 변경된다. 마지막에 clear 속성을 하는 이유는 위에서 설정한 float 설정이 계속 살아있기 때문에 다음 아래에 생성되는 것들에게 영향이 있을 수 있어 초기화 시키는 것이다. ( clear를 해줘야 부모의 창에 맞게 float이 적용됨 )
