該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 | 指定如何處理內容的頂部/底部邊緣，如果它溢出元素的內容區 |