在 CSS 中，浮動（float）是一種定位元素的方式，它允許元素脫離正常的文檔流，并向左或向右移動，直到其邊緣碰到包含塊或者另一個浮動元素的邊緣。下面從多個方面詳細介紹 CSS 浮動：

一，浮動的結果

浮動后的元素會脫離標準流，不會再保留原先的位置，會飄起來。

浮動后的元素不會出現margin塌陷問題。

任何元素都可以浮動，添加浮動后都具有行內塊元素的特性。（如span添加浮動后，可以設置寬和高）

二，浮動的影響

浮動的盒子只會影響浮動盒子后面的標準流，不會影響前面的標準流。

為了約束浮動元素的位置，先用標準流的父元素排列上下位置，之后內部子元素采取浮動排列左右位置，符合網頁布局第一準則。

三，清除浮動

為什么要清除浮動?由于父盒子在很多情況下，不方便給高度，但是盒子浮動又不占有位置，最后父盒子高度為0時，就會影響下面的標準流盒子。
清除浮動后，父級就會根據子盒子自動檢測高度，父級有了高度，就不會影響下面的標準流了。
清除浮動的方法1：在浮動元素末尾添加一個新的標簽（塊級元素），如<div style="clear:both"><div>
清除浮動的方法2：為父元素添加overflow屬性，將其屬性值設置為hidden，auto或者scroll。
清除浮動的方法3：為父元素的class添加clearfix，并且在前面添加代碼：

.clearfix:before,
.clearfix:after {content: "";display: table;
}
.clearfix:after {clear: both;
}
.clearfix {*zoom: 1;
}

四，注意事項

一浮全浮。在同一行上的盒子，一個盒子加上浮動后，其他盒子也要浮動。不然浮動會失效。
?