1. CSS 해킹
다음 두 가지 방법으로 오늘날 거의 모든 HACK을 해결할 수 있습니다.
1. !중요
IE7의 !important 지원으로 인해 !important 메소드는 이제 IE6의 HACK만을 대상으로 합니다. (작성 시 주의사항: 선언한 입장을 미리 명시해야 한다는 점을 기억하세요.)
| <스타일> #싸개 { 너비: 100px!중요; 너비: 80px; } </style> |
2. IE6/IE77에서 FireFox로
*+html 및 *html은 IE 전용 태그이며 Firefox에서는 아직 지원되지 않습니다. 그리고 *+html은 IE7의 고유 태그입니다.
| <스타일> #싸개 { #래퍼 {너비: 120px } *html #wrapper { 너비: 80px;} *+html #wrapper { 너비: 60px;} } </style> |
알아채다:
*+html IE7용 HACK은 HTML 상단에 다음 명령문이 있는지 확인해야 합니다.
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""> |
2. 플로트 폐쇄형(클리어 플로트)
Global CSS에 다음 코드를 추가하고 닫아야 하는 div에 class="clearfix"를 추가하세요. 매번 작동합니다.
| <스타일> .clearfix:이후 { 콘텐츠:"."; 표시:블록; 높이:0; 지우기:둘 다; 가시성:숨김; } .clearfix { 디스플레이:인라인 블록; } .clearfix {디스플레이:블록;} </style> |