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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。