浮動引起父元素高度塌陷：元素浮動后，就不在整個文檔流的管轄范圍，而父元素會默認自己里面沒有任何內容，那么父元素內的高度就不復存在了 1.如何清理浮動清理浮動一般有兩種思路a.利用 clear屬性，清除浮動b.使父容器形成BFC 2.什么是BFC？BFC有哪些特點？塊級格式化上下文：它是一個獨立的塊級渲染區域BFC布局規則：內部的Box會在垂直方向，一個接一個地放置。Box垂直方向的距離由margin決定。屬于同一個BFC的兩個相鄰Box的margin會發生重疊每個元素的margin box的左邊， 與包含塊border box的左邊相接觸(對于從左往右的格式化，否則相反)。即使存在浮動也是如此。BFC的區域不會與float box重疊。BFC就是頁面上的一個隔離的獨立容器，容器里面的子元素不會影響到外面的元素。反之也如此。計算BFC的高度時，浮動元素也參與計算怎么生成BFC?float屬性不為noneposition為absolute或fixeddisplay為inline-block, table-cell, table-caption, flex, inline-flexoverflow不為visible復制代碼

總結

以上是生活随笔為你收集整理的清楚浮动的方法和原理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。