float：none | left | right
默認值：none
適用于：所有元素
none：設定物件不浮動left：設定物件浮在左邊right：設定物件浮在右邊
- 當該屬性不等于none引起物件浮動時，物件將被視作塊物件(block-level)，即display屬性等于block，也就是說，浮動物件的display特性將被忽略，
- float在絕對定位和display為none時不會被應用，
- 什么時候用浮動？--讓元素變成一行，水平布局時、需要文本環繞效果時
- 浮動的特點，半脫離檔案流，且會對后面的元素產生影響，
1、父級沒有設定高度的時候，會出現塌陷
2、父級的寬度不夠，會換行排列
3、改變元素型別 變成行內塊 - 清除浮動float的三種方法
- 對后面的元素進行操作，
給后面元素添加，clear：both;
1.1額外標簽法（在最后一個浮動標簽后，新加一個標簽，給其設定clear：both；）（不推薦）
2觸發BFC效果，
通過觸發BFC方式，實作清除浮動
父級添加overflow屬性（父元素添加overflow:hidden）（不推薦）
3對父元素進行操作.
3.1父級添加overflow屬性（父元素添加overflow:hidden）（不推薦）
3.2使用after偽元素清除浮動（推薦使用）
3.3使用before和after雙偽元素清除浮動
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/96593.html
標籤：Html/Css
上一篇：flex布局開發