<div style="clear: both;"></div>

틀 설명문서 [편집] [역사] [새로 고침]

CSS의 떠다니는 요소(floating element)의 흐름을 초기화하는 틀입니다. 가상의 수평선을 삽입한다고 할 수 있습니다.

예시

편집

그림에 대한 코드가 다음과 같이 왼쪽에 놓이도록 설정되어 있을 때 그림에 대한 설명은 그림의 오른쪽에 놓이게 됩니다.

[[그림:Swan with nine cygnets 3.jpg|thumb|left|550px|어미 고니와 아홉 마리의 새끼 고니]]
어미 고니와 아홉 마리의 새끼 고니에 대한 설명....
어미 고니와 아홉 마리의 새끼 고니

어미 고니와 아홉 마리의 새끼 고니에 대한 설명....

여기에 {{-}}를 추가하여 코드를 다음과 같이 바꾸면 설명이 그림 아래에 놓이게 됩니다.

[[그림:Swan with nine cygnets 3.jpg|thumb|left|550px|어미 고니와 아홉 마리의 새끼 고니]]
{{-}}
어미 고니와 아홉 마리의 새끼 고니에 대한 설명....
어미 고니와 아홉 마리의 새끼 고니

어미 고니와 아홉 마리의 새끼 고니에 대한 설명....

매개 변수

편집

첫 번째 매개변수 또는 매개변수 "clear"는 클리어링(clearing)을 할 위치를 지정하는데 사용됩니다. 생략된 경우 적용되는 기본값은 "both"입니다.

* {{-|left}}: 왼쪽만 클리어합니다.
              예를 들어, 오른쪽에 긴 정보 상자가 있을 때 정보 상자 아래에 놓이지는 않지만 
              왼쪽에서는 특정 그림이나 개체 아래에 놓이게 할 때 사용합니다. 
* {{-|right}}: 오른쪽만 클리어합니다.              
* {{-|both}}: 양쪽을 모두 클리어합니다. 매개변수 생략 시의 기본값입니다.