首页 > 代码库 > .clearfix 清除浮动,@import

.clearfix 清除浮动,@import

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

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

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

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

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

那么怎么引入呢?这时,我们就需要用到 @import

@import url("clear.css");

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

 

.clearfix 清除浮动,@import