CSS - float

CSS - float 

---

 

float 는 객체를 띄우는 기능이다.

쉽게 설명하면 워드에서 이미지와 글자가 공존할 때, 이미지 위치에 따라 글자가 이미지를 피해서 위치하는 것이다.

아마 아래 예제를 보면 바로 이해가 될 것이다.

 

 

See the Pen Untitled by code_gray (@code_gray) on CodePen.

 

box의 위치에 따라 글자의 위치도 box를 가리지 않도록 변경된다.

 

마지막에 clear 속성을 하는 이유는

 

위에서 설정한 float 설정이 계속 살아있기 때문에

 

다음 아래에 생성되는 것들에게 영향이 있을 수 있어 초기화 시키는 것이다.

( clear를 해줘야 부모의 창에 맞게 float이 적용됨 )