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> 
 
 

【编辑推荐】

1. 书写高效CSS注意的七个方面
2. 深入剖析CSS层叠与继承的使用
3. 专家推荐三大“***”CSS技巧！
4. 探究网页布局中CSS无效的十个常见原因
5. DIV CSS初学者必须掌握的10个问题与技巧