1、属性值
（1）靠左浮动float:left;
（2）靠右浮动float:right;
（3）不浮动：float:none;
2、作用
（1）定义网页文本如何环绕该元素显示
（2）就是让竖着东西横着排列（本来文本是竖着排列的，比如说<p></p>就是这样，独占一行）
3、原理（理解即可，不必深究）
浮动就是将文本漂浮到上下层，不受阻隔，所以能够脱离独占一行的限制
4、说明
（1）假如是红绿蓝从上到下排列，对绿用右浮动——左边是红蓝，右边是绿
<body>
<div class="red"></div>
<div class="green"></div>
<div class="blue"></div>
</body>
.red{
background:red;
}
.green{
background:green;
float:right;
}
.blue{
background:blue;
}
（2）假如是红绿蓝从上到下排列，都用右浮动——右边是蓝绿红
由此可见，float是有顺序的，在CSS中，先用右浮动的在最右边！（多个右浮动，在排完第一排之后
在第二排重新开始从右往左排）
（3）浮动规则： ①先来后到
②见缝插针（因为大小受限，即便是下面的没用浮动也会可能会到右边去）
③文字周边显示
