CSS속성_clear

floating 요소는 주변 요소들의 배치에도 영향을 줍니다.

그러므로 가끔 주변 요소들이 의도하지 않은 대로 나타날 수 있는데, clear 속성을 사용하여 이 문제를 해결할 수 있습니다. 의도한 게 아니라면 대부분 floating 요소 다음 요소에 바로 clear를 해주는 게 좋습니다.

clear는 float과 항상 따라다니는 속성이므로 같이 잘 알아두어야 합니다.

 

clear 속성

요소를 floating 된 요소의 영향에서 벗어나게 하는 속성이며, 블록레벨요소에만 적용 가능합니다.

 

속성값(기본값:none)

1. none : 양쪽으로 floating 요소를 허용.

2. left : 왼쪽으로 floating 요소를 허용.

3. right : 오른쪽으로 floating 요소를 허용.

4. both : 양쪽으로 floating 요소를 허용.