该float属性指定一个元素是否应该浮动。
该clear属性是用来控制浮动元素的行为。
浮动属性
在最简单的使用中， float属性可用于文字环绕图像。
下面的示例指定的图像应该浮动在文本的权利：
在clear房产
该clear属性是用来控制浮动元素的行为。
浮动元素之后的元素将绕流的。 为了避免这种情况，使用clear属性。
在clear产权指定在其浮动元素的元素的两边都不允许浮动：
该clearfix Hack - overflow: auto;
如果元素比包含它的元件高，并且它是浮动的，它将溢出其容器的外部。
然后，我们可以添加overflow: auto;到包含元素来解决这个问题：
网页布局实例
这是常见的做使用整个网络布局float属性：
例
div {
border: 3px solid blue;
}
.clearfix {
overflow: auto;
}
nav {
float: left;
width: 200px;
border: 3px solid #73AD21;
}
section {
margin-left: 206px;
border: 3px solid red;
} 试一试» 
更多示例
边境和利润的浮向右段落中的图像
让图像浮动到一个段落的权利。 添加边框和利润率的形象。
一个标题是浮动到右边的图像
让一个标题浮动到右边的图像。
让一个段落浮动到左侧的第一个字母
让一个段落浮动到左边的第一个字母和样式信。
创建一个横向菜单
使用float超链接的列表，以创建水平菜单。
创建无表的主页
使用浮动创建具有页眉，页脚，左内容和主要内容的主页。
所有的CSS的float属性
| 属性 | 描述 |
|---|---|
| clear | 指定在哪里浮动元素不允许浮动其中元件的侧面 |
| float | 指定一个元素是否应该浮动 |
| overflow | 指定在内容溢出元素框时会发生什么 |
| overflow-x | 指定如何处理该内容的左/右边缘是否溢出该元素的内容区域 |
| overflow-y | 指定如何处理内容的顶部/底部边缘，如果它溢出元素的内容区 |