• CSS float - clear and clearfix

clear 속성은 어떤 요소가 지워진 요소 옆과 어떤 방향에서 떠 있을 수 있는 지를 지정합니다.

clear 속성은 하기의 값들 중 하나를 가질 수 있습니다.

• none - 양쪽에 플로팅 요소를 허용합니다. 이것이 기본 값입니다.
• left - 좌측에 플로팅 요소가 허용되지 않습니다.
• right - 우측에 플로팅 요소가 허용되지 않습니다.
• both - 좌측 또는 우측에 플로팅 요소가 허용되지 않습니다.
• inherit - 요소는 부모의 명확한 값을 상속 받습니다.

clear속성을 사용하는 가장 일반적인 방법은 요소에 float속성을 사용한 이후입니다.

float를 지울 때 clear를 float에 일치시켜야 합니다: 요소가 좌측으로 float될 경우, 좌측으로 지워야 합니다. float된 요소가 계속 float되지만, 지워진 요소는 웹 페이지에서 그 아래에 표시됩니다.

하기의 예제는 좌측으로의 float를 지웁니다. .div의 좌측에 플로팅 요소가 허용되지 않음을 의미합니다.