2014년 이후 CSS 플로트를 가장 잘 지우는 방법은 무엇입니까?

CSS 플로트 지우기: 모범 사례

CSS 플로트를 효과적으로 지우는 문제는 시간이 지나면서 다양한 기술이 등장하면서 발전해 왔습니다.
사용은 일반적인 관행이었지만 현재의 모범 사례와 일치하지 않을 수 있습니다.

최신 접근 방식:

2014년에는 Clearfix 기술을 활용하여 의사 요소를 사용하는 것이 좋습니다. 이 방법에는 다음 CSS를 적용하는 작업이 포함됩니다.

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

이 기술은 최신 브라우저에서 작동합니다. 추가 최적화를 위해 Nicholas Gallagher가 고안한 마이크로 클리어픽스를 사용할 수 있습니다.

.cf {
    *zoom: 1;
}

원래 솔루션:

불필요한 작업을 피하려는 사람들이 선호하는 대체 솔루션 마크업은 상위 요소에 Overflow: Hidden 또는 Overflow: auto를 사용하는 것입니다. 이렇게 하면 추가 요소 없이 브라우저 간 부동 소수점을 효과적으로 지울 수 있습니다.

요약:

2014년에는 의사 요소를 사용하는 Clearfix 기술이 부동 소수점을 지우는 데 권장되는 방법을 나타냅니다. 브라우저 독립적인 방식으로. 그러나 마크업 최소화를 우선시하는 사람들에게는 오버플로 방법이 여전히 실행 가능한 옵션입니다.

위 내용은 2014년 이후 CSS 플로트를 가장 잘 지우는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!