浮动顾名思义就是一个盒子它浮起来了，从而不再占有原文档的位置，下面就给大家介绍一下浮动的知识
为什么需要浮动？
在我们进行页面布局的时候啊，通常需要将多个盒子放到一行，此时若用dsiplay属性进行转换，则盒子与盒子之间会有一定的距离，而浮动恰好可以解决这个问题。浮动的盒子会自动与另一个浮动的盒子大边缘对齐
浮动的使用
选择器{float:属性值;} 其中属性值有none left right三种
浮动的注意点
1.一个盒子里有多个盒子，其中一个浮动，其他兄弟盒子也应该浮动
2.浮动的盒子只影响后面的标准流，不影响前面
当然了，在页面布局的时候通常会遇到以下情况：
1.父级盒子不便给高度
2.浮动元素不占有原文档位置，使父级盒子高度为0
3.父级盒子高度为0会影响下面的标准流盒子
这时，就需要清除浮动了
清除浮动的本质
清除浮动元素脱离标准流造成的影响
清除浮动的方法
1.额外标签法（隔墙法）：在浮动元素末尾添加一个新标签，但这个标签必须为块级元素
例：<br />
2.给父级元素添加overflow:hidden;
3.after伪元素法
4.双伪元素法
