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