clear

요소를 상위 요소의 왼쪽이나 오른쪽에 위치시킬 때 float 속성에 leftright값을 사용한다(기본값은 none). float가 지정된 요소는 페이지의 기본 흐름(normal flow)에서 벗어나기 때문에 none이 아닌 display 속성의 값이나 상위 요소의 높이와 같은 요인들이 주는 제약을 받지 않게 된다.

float 속성은 그 다음 선언된 요소에도 영향을 미치기 때문에 이를 해제할 수 있는 방법이 필요한데, 이전에 선언된 float 속성이 더이상 유효하지 않음을 나타내기 위해 clear 속성을 사용한다. clear 속성의 값은 none, left, right, both 네 가지로 이전에 선언된 float의 값에 따라 사용한다. 즉 float: right를 사용했다면 clear: right를 사용한다. 혹은 clear: both를 사용하면 float의 값이 left인지 right인지 상관하지 않고 float를 무효로 만들 수 있다.

results matching ""

    No results matching ""