什么是浮动？
0float属性用于创建浮动框，将其移动到一边，直到左边缘或者右边缘触及包含块或另一个浮动框的边缘
语法：选择器{float：属性值；}
属性值 描述
none 元素不浮动
left 元素向左移动
right 元素向右移动
浮动的特性：
浮动元素会脱离标准流（脱标）
浮动的元素会一行内显示并且元素顶部对齐
浮动的元素会具有行内块元素的特性
脱离标准普通的控制(浮)移动到指定位置（动），
浮动的盒子不再保留原先的位置
清除浮动的方法：
1.额外标签法
2.父级添加overflow属性
3.父级添加after
4.父级添加伪类元素
1.也称隔墙法
额外标签会在浮动元素末尾添加一个空的标签。例如<div style=“clear：both”></div>或者其他的标签
优点：通俗易懂，书写方便
缺点：添加许多无意义标签，结构化差
注意：要求这个新的空标签必须是块级元素
2.父级添加overflow属性
可以给父级添加overflow属性，将其属性只设置成hidden auto scroll
代码简洁
无法显示溢出的部分
3.：after伪元素法
：after方式是额外标签的升级版，也是给父元素添加
.clearfix:after{
content:"";
display :block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
*zoom 1;
}
