CSS浮動屬性Float詳解

什么是CSS Float？

float 是 css 的定位屬性。在傳統的印刷布局中，文本可以按照需要圍繞圖片。一般把這種方式稱為“文本環繞”。在中，應用了CSS的float屬性的頁面元素就像在印刷布局里面的被文字包圍的圖片一樣。浮動的元素仍然是網頁流的一部分。這與使用絕對 定位的頁面元素相比是一個明顯的不同。絕對定位的頁面元素被從網頁流里面移除了，就像印刷布局里面的文本框被設置為無視頁面環繞一樣。絕對定位的元素不會 影響其它元素，其它元素也不會影響它，無論它是否和其它元素挨著。

像這樣在一個元素上用CSS設置浮動：

#sidebar { float： right; }

fload屬性有四個可用的值：Left 和Right 分別浮動元素到各自的方向，None （默認的） 使元素不浮動，Inherit 將會從父級元素獲取float值。

Float的用處

除了簡單的在圖片周圍包圍文字，浮動可用于創建全部網頁布局。