HTML&CSS2.1清除浮动

清除浮动（让浮动的子元素撑开父元素）

1.对父元素加高度height
扩展性不好

2.开启父元素的bfc区域：
float不为none
overflow不为visible
position为absolute或fixed
display为inline-block，flex，table-cell，table-caption，inline-flex

3.设置HTML属性，添加一个br标签：
<br clear="all"/>
ie6不兼容

4.设置css属性，添加一个空标签：
<div style="clear:both；"><div>
违反结构 行为 样式相分离的原则
ie6下最小高度为19px

5.伪元素+开启haslayout
ie6,7不支持伪元素
		.clearfix :after{
				zoom:1;
		}
		.clearfix :after{
				content:"";
				dispaly:block;
				clear:both;
				}