clearfix清除浮动

简介:
  1. 终极版一:
    .clearfix:after {
       content:"\200B";
        display:block;
        height:0;
        clear:both;
    }
    .clearfix {*zoom:1;}/*IE/7/6*/
    解释下:content:"\200B";这个参数,Unicode字符里有一个“零宽度空格”,即 U+200B,代替原来的“.”,可以缩减代码量。而且不再使用visibility:hidden。

  2. .clearfix:before,.clearfix:after{
      content:"";
        display:table;
    }
    .clearfix:after{clear:both;}
    .clearfix{
        *zoom:1;/*IE/7/6*/
    }


    这两个终极版代码都很简洁,终极版一和二都可以使用,以上代码都经过测试,大家赶紧用一下吧,如果有什么问题请及时跟我反馈,如果你还停留在clearfix的老代码的时候就赶紧更新一下代码吧。





      本文转自Ansue  51CTO博客,原文链接:http://blog.51cto.com/ansue/1619021,如需转载请自行联系原作者

相关文章
|
6月前
|
前端开发
|
8月前
|
前端开发 容器
【清除浮动的 5 种方法】
【清除浮动的 5 种方法】
|
8月前
谈谈浮动和清除浮动
谈谈浮动和清除浮动
|
9月前
|
人工智能 前端开发 图形学
CSS基础浮动和清除浮动的分享
CSS的定位机制有3种: 标准文档流、浮动和定位。 标准文档流实际上就是一个网页内标签元素正常从上到下,从左到右排列顺序的意思,比如块级元素会独占一行,行内元素会按顺序依次前后排列。浮动(float) 浮动是个很有意思的事情:就是让任何盒子可以一行排列。
60 1
CSS基础浮动和清除浮动的分享
|
前端开发
CSS高度塌陷问题及清除浮动的三种方式
在父元素最后增加一个空的块级子元素,并且让它设置clear: both
116 0
如何清除浮动的四种方法
清除浮动的四种方法
73 0
|
前端开发 开发者
浮动与清除浮动| 学习笔记
快速学习浮动与清除浮动。
118 0
浮动与清除浮动| 学习笔记
|
前端开发 容器
清除浮动的四种方式
清除浮动的四种方式
118 0