clear 속성은 블록 레벨 요소가 어떤 방향으로(왼쪽, 오른쪽, 양쪽, 없음) 다른 요소들의 영향을 받지 않도록 설정할 때 사용됩니다.

예를 들어, 다음과 같이clear: both;를 사용하여 좌우로 플로팅된 요소들의 영향을 받지 않도록 할 수 있습니다:

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

이렇게 하면 부모 요소에 clearfix 클래스를 지정하여 그 안에 있는 플로팅된 자식 요소들의 영향을 받지 않게 할 수 있습니다.

더 자세한 내용은 다음 링크를 참고하세요: MDN Web Docs: clear