HTML+CSS浮动塌陷

css由于浮动引起的塌陷，用伪元素清除塌陷

.clearfix::after .clearfix::before{
	content:"";
	display:"table";
}

添加到代码中去：

<div>
	<div class="box-left clearfix">
		width:"100px";
		height:"100px";
		background-color:"black";
	</div>
	<div class="box-right clearfix">
		width:"100px";
		height:"100px";
		background-color:"red";
	</div>
</div>

.box-left{
	float:"left";
}
.box-right{
	float:"right";
}
.clearfix::after .clearfix::before{
	content:"";
	display:"table";
}