CSS 참조서

CSS @규칙(RULES)

CSS clear 속성은 요소의 어떤 측면을 다른 플로팅 요소가 사용하지 못하게 설정합니다.더 배우기。

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 이 속성이 JavaScript 스크립트에서 사용하는 문법을 나타냅니다.

이 속성의 문법은 다음과 같습니다:

clear:　left　|　right　|　auto　|　both　|　none　|　initial　|　inherit

아래 예제는 clear 속성을 사용하는 방법을 보여줍니다.

예제

　　clearfix:after　　{
　　　content:　".";
　　　display:　block;
　　　height:　0;
　　　visibility:　hidden;
　　　clear:　both;
　　}

아래 표는 이 속성의 값을 설명합니다.

값	설명
left	요소가 아래로 이동하여 과거의 left 플로팅을 제거합니다.
right	요소가 아래로 이동하여 과거의 right 플로팅을 제거합니다.
both	요소가 아래로 이동하여 두 가지 left와 right 플로팅을 모두 제거합니다.
auto	이전에 떠있는 어떤 플로팅 요소도 제거하지 않습니다. 기본 값입니다.
initial	이 속성을 기본 값으로 설정합니다.
inherit	지정된 경우, 관련 요소는 부모 요소의 clear 속성 값을 사용합니다.

clear 속성의 브라우저 호환성을 확인하세요. 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다. 모든 주요 브라우저는 이 속성을 지원합니다.

	파이어폭스 1+ 구글 크롬1+ 인터넷 익스플로러 5+ 애플 사파리 1+ 오페라 6+

참조教程:CSS Float。