CSS clear 속성

정의와 사용법

clear 속성은 요소의 어느 쪽에 다른 부浮 요소가 나타날 수 없도록 정의합니다.

설명

clear 속성은 요소의 어느 쪽에 부浮 요소가 나타날 수 없도록 정의합니다. CSS1과 CSS2에서는 clear 속성을 설정한 요소( 즉, clear 속성을 설정한 요소)에 대한 상단 외경을 자동으로 증가시키는 방식으로 이루어집니다. CSS2.1에서는 요소의 상단 외경 위에 clear 공간을 추가하며, 외경 자체는 변경되지 않습니다. 어떤 변경이든 결과는 같습니다. 왼쪽 또는 오른쪽을 clear로 설정하면 요소의 상단 경계가 해당 쪽의 부浮 요소의 하단 외경 아래로 맞춰집니다.

또한 참조:

CSS 강의:CSS 정렬

HTML DOM 참조 매뉴얼:clear 속성

예제

이미지의 왼쪽과 오른쪽에 부浮 요소가 나타날 수 없습니다:

img
  {
  float:left;
  clear:both;
  }

직접 실습해 보세요

CSS 문법

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

속성 값

값 설명
left 왼쪽에 부浮 요소가 나타날 수 없습니다.
right 오른쪽에 부浮 요소가 나타날 수 없습니다.
both 양쪽에 부浮 요소가 나타날 수 없습니다.
none 기본 값. 부浮 요소가 양쪽에 나타날 수 있습니다.
inherit 부모 요소에서 clear 속성 값을 继承해야 합니다.

기술 세부 사항

기본 값: none
thừa kế: no
버전: CSS1
JavaScript 문법: object.style.clear="left"

TIY 예제

요소의 lateralelemen 제거
이 예제에서는 요소의 lateralelemen을 제거하는 방법을 보여줍니다.

브라우저 지원

표에서의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 나타냅니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
1.0 5.0 1.0 1.0 6.0