最常用CSS清除浮动代码

2021-03-04 14:28

阅读:488

标签:清除   Fix   size   clear   lock   bsp   样式   height   针对   

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

.clearfix:after{

      content:"";

      display:block;

      clear:both;

      height:0;

      visibility:hidden;

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

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

案例:

  

   

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

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

最常用CSS清除浮动代码

标签:清除   Fix   size   clear   lock   bsp   样式   height   针对   

原文地址:https://www.cnblogs.com/meijifu/p/13261911.html


评论


亲,登录后才可以留言!