浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。
下面我们就来详细说明浮动！！！！！！！！
1.文档流
在浮动中有一个文档流的概念，所以在这里不得不介绍一下文档流了。
代码演示
2.浮动
浮动：
使元素脱离文档流，按照指定的方向发生移动，遇到父级的边界或者相邻的浮动元素就会停下来
浮动的目的：
为了达到自己的布局目的，让指定元素定位在指定位置，我们就需要用到浮动。
3.概述浮动float
通过控制属性float来，控制元素的位置
float取值：
1）left：向左浮动2）right：向右浮动3）none：没有浮动，默认值
4.浮动的特点
5.代码演示
1）.特点1234演示
1、块元素可以在一行显示
2、按照一个指定的方向移动，遇到父级的边界或者相邻的浮动元素就会停下来
3、行内元素支持宽高
4、脱离文档流
2）.特点56演示
5、块元素默认宽度会被改变（包裹性）
6、父级高度塌陷（破坏性）
3）.特点7演示
7、换行不会被解析成空格
6.浮动的副作用
地址：
7.清除浮动
地址：