清除浮动问题

为什么清除浮动？
父元素的高度因为子元素浮动，高度无法显示。
1.浮动的子元素后添加div，类名为clear

<div class="father">
	<div>浮动</div>
	<div>浮动</div>
	<div class="clear"></div>
</div>

.clear{
	clear:both
}

2.父元素添加overflow(形成了bfc)

<div class="father">
	<div>浮动</div>
	<div>浮动</div>
</div>

.father{
	overflow:hidden/auto
}

3.伪元素

<div class="father">
	<div>浮动</div>
	<div>浮动</div>
</div>

.father:after{
	content:””;
	display:block;
	height:0;
	clear:both;
	visitiliby:hidden;
}  

4.父元素加类名

<div class="father clearfix">
	<div>浮动</div>
	<div>浮动</div>
</div>

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