[CSS] float 사용법

float는 '뜨다'라는 의미로 웹페이지에서 컨텐츠(글, 이미지)를 어떻게 표시해서 다른 컨텐츠들과 배치할 것인가에 대한 속성이다.

 

◎ left: 왼쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 오른쪽에 위치하며 위에서 아래로 흐름.

◎ right: 오른쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 왼쪽에 위치하며 위에서 아래로 흐름. 이후 요소에 clear 속성이 있으면 페이지 흐름이 달라짐. none 이 아니라면 display 속성은 무시됨.

◎ none: 요소를 부유시키지 않음

◎ inherit: 부모 요소에서 상속