CSSHack与float闭合参考手册-css 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>

【编辑推荐】