清除浮动

1.问题

若子级元素使用了float或position中的absolute（定位这个没试过）会脱离文档流，导致父级元素无法被子级元素撑开，因此父级元素需要清除子级元素浮动带来的影响从而撑开父级元素

2.解决方案（亲测）

2.1

.clear {
	clear:both;
}
<div 父级>
	<div 子级 float></div>
	<div 子级 float></div>
	<div class="clear"></div>
</div>

2.2

.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.clearfix{
    zoom: 1;
}
<div 父级 class="clearfix">
	<div 子级 float></div>
	<div 子级 float></div>
</div>