css—清除子元素浮动带给父元素带的影响

css语法：

.clearfix,
#wrap .content .tap-wrap .tap-content ul {
  *zoom: 1;
}
.clearfix:after,
#wrap .content .tap-wrap .tap-content ul:after {
  content: "";
  display: block;
  clear: both;
}

运用less语法如下：
1.创建一个less文件，文件名随意，写入下面代码

.clearfix{
    *zoom: 1;
    &:after{
        content: "";
        display: block;
        clear: both;
    }
}

2.然后在主less文件中引入，路径正确即可

@import "clearfix.less";

3.最后在被影响的父元素下写入以下代码，我的被影响的父元素为ul，供参考！

 ul{
      &:extend(.clearfix all);
 }

最后就会发现ul的高度被子元素撑起