[css] CSS clear 속성을 사용하여 레이아웃에서 높이를 조절하는 방법은?
clear 속성을 사용하여 레이아웃에서 높이를 조절하는 방법은 다음과 같습니다.
.clearfix::after {
content: "";
display: block;
clear: both;
}
이 예제에서는 clearfix 클래스를 사용하여 부모 요소에 clearfix 기능을 추가합니다. 이를 통해 부모 요소의 높이가 float 속성을 사용한 자식 요소들의 영향을 받지 않고 올바르게 계산됩니다.
이 방법을 사용하면 레이아웃에서 높이를 조절할 때 float 속성이 적용된 자식 요소의 영향을 피할 수 있습니다.