三個值：
none 預設值。元素不浮動，並會顯示在其在文字**現的位置。
left 元素向左浮動
right 元素向右浮動
inherit 規定應該從父元素繼承 float 屬性的值。
特性：
脫離標準文件流，擺脫塊級元素與行內元素的限制。
自動貼靠，超出行寬時，下個同級元素自動找空隙貼靠。與浮動的元素高度相加超過浮動元素的前乙個元素的高度時，才自動換行。
脫離標準文件流，卻沒有脫離文字流。碰到文字會出現被包圍效果，稱為字圍效果。
收縮效果，如果父元素沒有設定高度，父元素會變成內容寬高，如果沒有內容，父元素消失。
清除浮動：
浮動的弊端：
父元素如果沒設高度，父元素高度坍塌，父元素消失
導致頁面結構不穩定
浮動float，定位position理解
浮動，定位可以實現網頁的排版 float屬性總結 使用場景一 實現網頁中併排布局 特點 實現左右併排時 1 當父元素足夠寬度足夠時，則依次布局 2 浮動的元素佔據空間的寬度就是內容的寬度 缺點 影響 父元素高度塌陷 原因 子元素 清除浮動方法 1 可以增加父元素的高度 2 可以增加乙個空的div，然...
float浮動深入理解
1.float的原本作用 為了實現文字環繞 2.float的包裹性和破壞性 包裹性 收縮 堅挺 隔絕。bfc block formatting context 塊級格式化上下文 破壞性 會讓父元素高度塌陷 浮動的破壞性只是單純的為了實現文字的環繞效果而已 具有包裹性的其他小夥伴 dispaly in...
深入理解浮動定位 float
css網頁布局有兩種方式 一種是浮動式布局 另外一種是定位布局。這兩種方式的核心都脫離於文件流的控制。前提 文件流 document flow 對於乙個xhtml網頁，body元素下的任意元素，根據其前後順序，組成了乙個個上下關係，簡單說這就是文件流。瀏覽器根據這些元素的順序去顯示它們在網頁中的位置...