這里和大家重點(diǎn)描述一下CSSHack與float閉合的用法，主要有兩種方法幾乎能解決現(xiàn)今所有HACK，比如說(shuō)!important，隨著IE7對(duì)!important的支持,!important方法現(xiàn)在只針對(duì)IE6的HACK.(注意寫法.記得該聲明位置需要提前.)

CSS技巧：關(guān)于CSSHack與float閉合

一、CSSHACK

　　以下兩種方法幾乎能解決現(xiàn)今所有HACK.

　　1,!important

　　隨著IE7對(duì)!important的支持,!important方法現(xiàn)在只針對(duì)IE6的HACK.(注意寫法.記得該聲明位置需要提前.)

ExampleSourceCode 

<style> 
#wrapper  
{  
width:100px!important;  
width:80px;  
}  
</style> 

 　　2,IE6/IE7對(duì)FireFox

　　*+html與*html是IE特有的標(biāo)簽,firefox暫不支持.而*+html又為IE7特有標(biāo)簽.

ExampleSourceCode 

<style> 
#wrapper  
{  
#wrapper{width:120px;}  
*html#wrapper{width:80px;}  
*+html#wrapper{width:60px;}  
}  
</style> 

 　　注意:

　　*+html對(duì)IE7的HACK必須保證HTML頂部有如下聲明：　　

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"　""> 

二、float閉合（清除浮動(dòng)）

　　將以下代碼加入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> 

【編輯推薦】

1. 書寫高效CSS注意的七個(gè)方面
2. 深入剖析CSS層疊與繼承的使用
3. 專家推薦三大“***”CSS技巧！
4. 探究網(wǎng)頁(yè)布局中CSS無(wú)效的十個(gè)常見(jiàn)原因
5. DIV CSS初學(xué)者必須掌握的10個(gè)問(wèn)題與技巧