LESS中要调用方法要注意的问题

ycchen

于 2012-03-16 12:05:56 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签： less table

本文链接：https://blog.youkuaiyun.com/ycchen/article/details/7360301

css 专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了如何在LESS预处理器中正确实现clearfix方法，以确保浮动元素正确清除并保持布局完整。通过对比错误与正确的clearfix实现方式，帮助开发者避免常见的布局问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/* 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;
}

就没问题了