clear 속성의 핵심 개념:

clear의 기본 목적:

• float된 요소 옆에 오지 않도록 방지
• 해당 요소를 float된 요소 아래쪽으로 강제 이동
• 일반적인 문서 흐름을 복원하는 역할

실무에서 필요한 상황:

• 사이드바 뒤 푸터: 사이드바 옆이 아닌 아래에 푸터 배치
• 이미지 뒤 단락: 이미지 옆이 아닌 아래에 새 단락 시작
• 레이아웃 구분: float 영역과 일반 영역의 명확한 분리

시각적 효과:

[Float 요소] 텍스트가 옆으로
감싸서 흐름
─────────── clear 지점 ───────────
새로운 요소 (float 영향 받지 않음)