清除浮动

1. 父级 div 定义伪类:after 和 zoom

/*清除浮动代码*/
.clearfix:after {
	display: block;
	clear: both;
	content: '';
	visibility: hidden;
	height: 0;
}
.clearfix {
	zoom: 1;
}

2. BFC 原理

.clearfix {
	overflow: hidden;
	/* 
    overflow: auto;
   */
}