clear 속성은 다음과 같은 값들을 가질 수 있습니다:

• none: 기본값으로 다른 블록 요소 사이에 정상적으로 배치됩니다.
• left: 왼쪽에 float 된 요소의 영향을 받지 않습니다.
• right: 오른쪽에 float 된 요소의 영향을 받지 않습니다.
• both: 왼쪽과 오른쪽에 float 된 요소의 영향을 받지 않습니다.

예를 들어, 아래와 같이 사용할 수 있습니다:

.menu {
  clear: both;
}

이렇게 하면 .menu 요소는 왼쪽과 오른쪽에 float 된 요소의 영향을 받지 않고, 다른 내용과 공간을 공유할 수 있게 됩니다.

더 많은 정보를 원하시면 “CSS clear property” on MDN web docs를 참고하세요.