CSSHack與float閉合參考手冊
這里和大家重點描述一下CSSHack與float閉合的用法,主要有兩種方法幾乎能解決現今所有HACK,比如說!important,隨著IE7對!important的支持,!important方法現在只針對IE6的HACK.(注意寫法.記得該聲明位置需要提前.)
CSS技巧:關于CSSHack與float閉合
一、CSSHACK
以下兩種方法幾乎能解決現今所有HACK.
1,!important
隨著IE7對!important的支持,!important方法現在只針對IE6的HACK.(注意寫法.記得該聲明位置需要提前.)
ExampleSourceCode
- <style>
- #wrapper
- {
- width:100px!important;
- width:80px;
- }
- </style>
2,IE6/IE7對FireFox
*+html與*html是IE特有的標簽,firefox暫不支持.而*+html又為IE7特有標簽.
ExampleSourceCode
- <style>
- #wrapper
- {
- #wrapper{width:120px;}
- *html#wrapper{width:80px;}
- *+html#wrapper{width:60px;}
- }
- </style>
注意:
*+html對IE7的HACK必須保證HTML頂部有如下聲明:
- <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN" "">
二、float閉合(清除浮動)
將以下代碼加入GlobalCSS中,給需要閉合的div加上class="clearfix"即可,屢試不爽.
ExampleSourceCode
- <style>
- .clearfix:after
- {
- content:".";
- display:block;
- height:0;
- clear:both;
- visibility:hidden;
- }
- .clearfix
- {
- display:inline-block;
- }
- .clearfix{display:block;}
- </style>
【編輯推薦】