开发者社区> 技术小胖子> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
如何清除浮动的四种方法
清除浮动的四种方法
0 0
浮动与清除浮动| 学习笔记
快速学习浮动与清除浮动。
0 0
清除浮动 | 学习笔记
快速学习清除浮动。
0 0
内联元素垂直居中方法汇总
1. 让 line-height 与 height 相等 .container { width: 1rem; height: 1rem; line-height: 1rem; font-size: 0.
727 0
块元素, 内联元素, 内联块元素
块元素(默认为父级宽度的100%,支持全部样式): body h1 , h2, h3, h4, h5, h6 p div li (条目) ul(定义无序列表, 子标签li, 带点号) ol(定义有序列表, 子标签li, 带数字) dl (定义列表, ...
721 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载