clear

Summary

float 속성을 해제한다.

값	none | left | right | both | inherit
기본값	none
적용대상	블럭레벨 요소들
상속	상속안됨
퍼센테이지	지정불가
미디어	Visual

Value

• left : 왼쪽 플로트 해제. 즉 float:left를 해제한다.
• right : 오른쪽 플로트 해제. 즉 float:right를 해제한다.
• both : 왼쪽과 오른쪽 모두 플로트 해제.
• none : float를 해제하지 않는다.

Tip

1. 다음과 같이 사용할 수 있다. [sample]

   .footer {
       clear:both;
   }

Others

When the property is set on floating elements, it results in a modification of the rules for positioning the float. An extra constraint (#10) is added:

• The top outer edge of the float must be below the bottom outer edge of all earlier left-floating boxes (in the case of 'clear: left'), or all earlier right-floating boxes (in the case of 'clear: right'), or both ('clear: both').