>  기사  >  웹 프론트엔드  >  유니버셜 클리어 플로팅 스타일

유니버셜 클리어 플로팅 스타일

巴扎黑
巴扎黑원래의
2017-04-05 11:02:141979검색

이는 수레를 청소하는 데 매우 널리 사용되는 방법이며 많은 대규모 프로젝트에서 완전히 채택되었습니다.

이 메서드는 after 및 IEhack 가상 클래스를 통해 구현된 positioniseverything에서 제공되며 현재 주류 브라우저와 완벽하게 호환됩니다.

아아아아

다음은 플로트를 정리하기 위해 admin10000.com에서 사용하는 코드입니다

.clearfix:after  
{  
  content: ".";  
  clear: both;  
  height: 0;  
  visibility: hidden;  
  display: block;  
} /* 这是对Firefox进行的处理,因为Firefox支持生成元素,而IE所有版本都不支持生成元素 */ .clearfix{display: inline-block;} /* 这是对 Mac 上的IE浏览器进行的处理 */ * html .clearfix{ height: 1%; } /* 这是对 Win上 的 IE6 浏览器进行的处理 */ * + html .clearfix{ height: 1%; } /* 这是对 Win 上的 IE7 浏览器进行的处理 */ .clearfix{display: block;} /* 这是对display: inline-block;进行的修改,重置为区块元素*/

클리어 플로팅 스타일의 최적화된 버전으로 적극 권장합니다.

관련 문서: CSS에서 부동 소수점을 지우는 일반적인 방법 요약

위 내용은 유니버셜 클리어 플로팅 스타일의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.