浮動元素的特點：
1.脫離標準流的控制，浮動的盒子不再保留原先的位置
2.行內元素具有浮動，可直接設定寬高屬性
3.塊級元素沒設定寬度，預設寬度和父級一樣寬，但是新增浮動後，大小由內容決定
4.浮動的盒子中間沒有空隙
很多情況下，父元素不方便設定高度，高度由子元素撐起，但子元素浮動，就會影響下面的父級元素的排版，為了不影響下面的父元素，就需要清除浮動1.額外標籤法：
在浮動元素之後新增乙個同級塊元素，並清除浮動（clear）
缺點：結構化差
2.給浮動元素的父級元素新增overflow屬性（hidden，auto,scrll）
優點：**簡潔
缺點：無法顯示溢位的部分
3.::after偽元素法：
給浮動元素的父級新增
.footer:after
優點：沒有增加標籤。結構更簡單
缺點：照顧低版本瀏覽器
浮動及清除浮動的方法
浮動元素脫離文件流，不佔據空間。浮動元素直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。1 使用空標籤清除浮動 在所有浮動標籤後面新增乙個空標籤定義cssclear both.弊端就是增加了無意義標籤,影響文件結構美觀性。1 div style clear both div 2 使用overflo...
清除浮動方法及清除浮動原因
div1 盒子裡有left和right 兩個子盒子，div1 有兄弟盒子div2，給left right 盒子新增浮動前效果圖 浮動的屬性雖然方便使用，但是在使用這種屬性時，也存在著一種弊端，那就是當子元素設定了float屬性之後，且父元素的高度沒有設定，而是由子元素支撐起來，則會導致父元素的高度塌...
浮動 清除浮動 盒子布局
div table,td table,td 單獨設定表的左和上邊框,然後設定td的右和下邊框,也可以避免重複問題 table td.a aa hover ddiv div a1.a2 sup sub father big small footer clear father big small foo...