[css] CSS clear를 사용하여 콘텐츠와 사이드바를 정렬하는 방법은?

26 Dec 2023

.content {
  float: left;
  width: 70%;
}

.sidebar {
  float: right;
  width: 30%;
}

.clear {
  clear: both;
}

위의 예시에서는, .content와 .sidebar를 float로 정렬하고, .clear 클래스를 사용하여 부모 요소에 clear를 적용함으로써 두 요소의 영향을 받지 않도록 할 수 있습니다.

이제 콘텐츠와 사이드바를 정렬하는 데 사용할 수 있는 CSS clear 속성을 알아보았습니다.