CSS浮動屬性Float詳解 什么是CSS Float? float 是 css 的定位屬性。在傳統(tǒng)的印刷布局中,文本可以按照需要圍繞圖片。一般把這種方式稱為“文本環(huán)繞”。在中,應(yīng)用了CSS的float屬性的頁面元素就像在印刷布局里面的被文字包圍的圖片一樣。浮動的元素仍然是網(wǎng)頁流的一部分。這與使用絕對 定位的頁面元素相比是一個明顯的不同。絕對定位的頁面元素被從網(wǎng)頁流里面移除了,就像印刷布局里面的文本框被設(shè)置為無視頁面環(huán)繞一樣。絕對定位的元素不會 影響其它元素,其它元素也不會影響它,無論它是否和其它元素挨著。 像這樣在一個元素上用CSS設(shè)置浮動: #sidebar { float: right; } fload屬性有四個可用的值:Left 和Right 分別浮動元素到各自的方向,None (默認(rèn)的) 使元素不浮動,Inherit 將會從父級元素獲取float值。 Float的用處 除了簡單的在圖片周圍包圍文字,浮動可用于創(chuàng)建全部網(wǎng)頁布局。
|