利用伪元素:after清除浮动

一、代码

html代码
<div class="clearfix"></div>

css样式
.clearfix{ 
	zoom:1;/*这个属性是为了兼容IE*/
}
.clearfix:after{
	display:block;
	content:"";/*设置为空或者“.”都可以*/
	height:0; 
	clear:both;
	overflow:hidden;
	visibility:hidden;
}

二、应用场景

比如一个ul里很多li标签，里面的li标签都设置了左浮动，就可以对ul的伪元素:after进行设置达到清除浮动的目的。

三、兼容性问题

才疏学浅，以后遇到了再补充。

转载于:https://www.cnblogs.com/yangjunfei/p/6741917.html