最常用CSS清除浮动代码

我们在用CSS修饰页面样式的时候,浮动是非常普遍的,所以清除浮动也会经常的,清除浮动的方法不少,但是唯爱伪元素清除浮动这个方法,为了减少冗余的代码,专业的写法如下:

.clearfix:after{

      content:"";

      display:block;

      clear:both;

      height:0;

      visibility:hidden;

} /*所有主流浏览器都支持 :after 伪元素。*/

.clearfix{*zoom:1;} /*只针对IE6/7*/

案例:

clearfix">

  

   

以上代码的意思就是,需要做清除浮动的父级元素命名类名为clearfix

代码在兼容ie方面可能尚有不足,欢迎大神补充,指正!!!

你可能感兴趣的:(最常用CSS清除浮动代码)