/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
如果在less中
.container {
.clearfix;
}
某个container调用了clearfix的方法,编译后只会变成
.container { *zoom:1; }
而其他规格不会编译。
解决方法,这样写
.clearfix{
&:before, &:after {
content:"";display: table;
}
&:after {
clear:both;
}
*zoom:1;
}
就没问题了