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的高度被子元素撑起