语法
float:none/left/right;
有三个取值
left:元素活动浮动在文本左面
right:元素浮动在右面
none:默认值，不浮动。
float
定义网页中其它文本如何环绕该元素显示
目的
就是让竖着的东西横着来
特点
1、浮动不占位置
2、一旦一个元素浮动，后面的不浮动就会跑上去
3、如果所有的元素都向一个方向浮动，那么所有的元素都横着排
4、如果所有的元素都从左往右排，用left；
如果所有的元素都从右往左排，用right
如果想一左一右排列，就分别给元素加left和right
5、clear只能清除自己本身的浮动效果，使用元素的本身受影响
a）小跟班跟着自己走 如2跟着1，3跟着2，依此类推
b）不分左右，就用both
6、父元素的宽高要能包含子元素
清除浮动
清除浮动可以理解为打破横向排列。
语法：
clear : none | left | right | both
none：默认值。允许两边都可以有浮动对象
left：不允许左边有浮动对象
right:不允许右边有浮动对象
both:不允许有浮动对象
对于CSS的清除浮动(clear)，只能影响使用清除元素的本身，不能影响其他元素