TIL - 10 - CSS - Layout-float

float

float은 주로 이미지 주변에 텍스트(inline요소)를 감싸기 위해 만들어진 프로퍼티이다. 그외에도 페이지 전체의 레이아웃을 잡을 때에도 중요한 도구다.

float 은 한 element가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline 요소)가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정합니다.

float 속성은 과거에 레이아웃을 잡는데 많이 사용했던 속성이다. 하지만 최근 flex 속성을 기반으로 하여 레이아웃을 잡는 경우가 대다수이기 때문에 float은 자주 사용 되지 않고 있다. 하지만 최근에 작성한 코드만 보는 것이 아니라 훨씬 이전에 작성된 코드를 보는 경우도 종종 생기기 때문에 알아두는 것이 좋다.

참고

http://learnlayout.com/float.html