틀:-
<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}}: 양쪽을 모두 클리어합니다. 매개변수 생략 시의 기본값입니다.
| 위 설명은 틀:-/설명문서의 내용을 가져와 보여주고 있습니다. (편집 | 역사) 이 틀에 대한 수정 연습과 시험은 연습장 (만들기)과 시험장 (만들기)에서 할 수 있습니다. 분류와 인터위키는 /설명문서에 넣어주세요. 이 틀에 딸린 문서. |