float 속성

1. 배치

float 속성은 웹 요소를 문서의 왼쪽 혹은 오른쪽 구석에 배치한다.

float: left | right | none

• left: 해당 요소를 문서의 왼쪽에 배치
• right: 해당 요소를 문서의 오른쪽에 배치
• none: 좌우 어느 쪽으로도 배치하지 않음

2. float 속성 해제

float 속성을 이용하면 그 다음에 넣는 다른 요소에도 똑같은 속성이 전달된다. float 속성을 해제하기 위해서 clear 속성을 적용한다.

clear: none | left | right | both