封装一个清除浮动的类

213 阅读1分钟

真实开发中,我们会使用after伪元素来清除浮动:

伪类选择器:不存在的一个类 :hover
伪元素:页面中不存在的一个元素

after伪元素:


.father:after      表示在father元素  的内部    最后添加一个元素

创建出来的伪元素   默认并不是块级的,clear 只能  作用块级元素,所以说需要给这个伪元素添加display:block



提炼出一个清除浮动的类:


 通常写法:


兼容IE

  .clearfix{*zoom:1}