1.浮動元素不會蓋住文字，自動環繞
2.元素設定浮動後會從文件流中脫離，元素脫離文件流後的特點：
2.1塊元素不再獨佔一行
2.2脫離文件流後，塊元素的高度和寬度預設被內容撐開
行內元素脫離文件流後變為塊元素，特點和塊元素一樣
脫離文件流後不再區分塊元素和行內元素 */
style
>
head
>
<
body
>
<
div
class
="box1"
> hello
div>
<
div
class
="box2"
>hello
div>
body
>
html
>
浮動元素的特點
float元素的特點 浮動元素在一行顯示 設定屬性值為left時,浮動元素會依次從父級盒子的左側向右排布,設定屬性值為right時,浮動元素會依次從父級盒子的右側向左排布 浮動元素自動具有塊級元素的屬性 浮動元素脫離文件流 浮動元素內的子元素,不會繼承浮動屬性 浮動元素下面的元素不能識別浮動元素的高...
CSS基礎四（浮動，浮動的特點，清除浮動）
目錄 1 什麼是浮動？2 float屬性取值 3 浮動的特點 4 清除浮動 為什麼要清除浮動 清除浮動本質 1 clear屬性用於清除浮動 2 額外標籤法 3 父級新增overflow屬性方法 4 使用after偽元素清除浮動 5 使用before和after雙偽元素清除浮動 由於浮動元素不再占用原...
清除浮動的3個方法及其特點
1 清除浮動 1.投機取巧法 就是直接乙個 浪費了乙個標籤，而且只能使用一次，所以這個方法不推薦。而 且有時候一不留神中間多了個空格會產生一段空白高度的。2.overflow zoom方法 fix overflow hidden 是個小炸彈，要是裡面的元素 要是想來個margin負值定位或是負的絕對...