기원 :
.ClearFix : {이후
가시성 : 숨겨진;
디스플레이 : 블록;
글꼴 크기 : 0;
콘텐츠: " ";
Clear : 둘 다;
높이 : 0;
}
.ClearFix {디스플레이 : 인라인-테이블}
/* ie-mac */에서 숨어
* HTML. ClearFix {높이 : 1%};
.ClearFix {display :};
/ * IE-MAC에서 끝 숨기기 */
설명 :
* 대상 요소에 대한 플로팅을 제거하기 위해 보이지 않는 NULL 블록을 만들기 위해 첫 번째 선언 블록을 대부분의 표준 호환 브라우저에 적용하십시오.
*두 번째 항목은 IE/Mac에만 Clearfix에 인라인 테이블 디스플레이 속성을 적용합니다.
* 사용* / IE / Mac에서 일부 규칙을 숨 깁니다.
* 높이 : 1%는 IE6 하에서 해당 하일 레이 아웃을 트리거하는 데 사용됩니다.
*IE/Mac 외부의 IE에 디스플레이 속성을 다시 적용합니다.
*마지막 줄은 IE/Mac의 해킹을 종료하는 데 사용됩니다.
이 방법은 기록이 된 브라우저 (특히 Mac의 IE5)를 대상으로하거나 표준으로 향하는 브라우저를 대상으로하기 때문에이 방법은 더 이상 타임즈만큼 진보적이지 않습니다.
IE/MAC에 대한 지원을 버린 후, 새로운 수가 제거 방법 :
/ * 새로운 ClearFix */
.ClearFix : {이후
가시성 : 숨겨진;
디스플레이 : 블록;
글꼴 크기 : 0;
콘텐츠: " ";
Clear : 둘 다;
높이 : 0;
}
* html. clearfix {Zoom : 1; * ie6 * /
*: 첫 번째 자식+HTML. ClearFix {Zoom : 1; *IE7 * /
설명 :
IE6 및 IE7은 다음을 지원하지 않으므로 의사 클래스 후에는 다음 두 가지가 플로트를 지우려면 IE6/7의 HASLAYOUT를 트리거하는 데 필요합니다. 다행스럽게도 IE8은 다음과 같이 지원합니다. 따라서 IE6/7의 해킹 만 필요합니다.