CSS浮動(dòng)屬性Float詳解

什么是CSS Float？

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

像這樣在一個(gè)元素上用CSS設(shè)置浮動(dòng)：

#sidebar { float： right; }

fload屬性有四個(gè)可用的值：Left 和Right 分別浮動(dòng)元素到各自的方向，None （默認(rèn)的） 使元素不浮動(dòng)，Inherit 將會(huì)從父級(jí)元素獲取float值。

Float的用處

除了簡(jiǎn)單的在圖片周?chē)鼑淖?，浮?dòng)可用于創(chuàng)建全部網(wǎng)頁(yè)布局。