예를 들어, 만약 두 개의 요소 중 하나가 float 속성을 갖고 있다면, clear 속성을 사용하여 다음 요소가 float 속성을 무시하고 시작되도록 할 수 있습니다.

아래는 clear 속성을 사용하여 요소와 요소 사이의 간격을 조절하는 예시입니다.

.element {
  clear: both; /* left, right, both 등의 값으로 설정 가능 */
}

가능한 값으로는 left, right, both 등이 있으며, 이 속성을 통해 요소의 좌우 혹은 양쪽에 float 속성이 적용된 요소가 있는 경우 거기까지만 영향을 받고 이후 요소부터는 영향을 받지 않도록 할 수 있습니다.

정리하자면, clear 속성을 사용하면 플로팅된 요소의 영향을 받지 않고 다음에 오는 요소의 배치를 조정할 수 있습니다.

더 많은 정보를 원하신다면, 아래 링크를 참고해 주세요. MDN web docs - CSS clear