.clearfix 清除浮动，@import

Posted 2020-09-20 亦虚

我们知道，在网页的DIV+CSS布局中，很多时候要用到浮动。

既然有浮动，那就有清除浮动。

清除浮动有很多种方式，而在实际项目中，比较常用的是这一种。

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

我们可以把这部分代码复制到项目中的CSS文件中，也可以保存为一个CSS文件，然后引入。

那么怎么引入呢？这时，我们就需要用到 @import。

@import url("clear.css");

把引入的样式的名字换成你取的名字，然后复制到项目中的CSS文件中就可以了。