子元素脫離文件流不佔位，父元素的高度撐不起來，下面的元素會往上移動。
1 ，給浮動元素的父元素設定高度（但是不靈活）
2，給浮動元素的父元素設定overflow:hidden/scroll/auto （常用）
溢位隱藏，父元素要知道子元素是否溢位，浮動元素也參與計算
3,在浮動元素的後面加乙個空的塊元素（二者是兄弟元素，非父子元素）。給這個空的塊元素設定clear:both。
4，給浮動元素的父元素加clearfix的class名字。
.clearfix:after
.clearfix
5,給浮動元素的父元素也加浮動。 （常用）
完美解決浮動產生的影響
浮動 相信對於很多前端的同學都不是事，不過最近有後端小哥哥向我詢問關於浮動的問題，下面我就簡單介紹一下浮動會產生什麼問題，並且該怎樣去解決，相信聰明的你一看就懂了。在講浮動之前，首先宣告一下行內元素和塊級元素的概念 簡單來說，行內元素就是不可設定寬高，且與其它元素併排顯示的元素 a img標籤等 而...
css浮動產生的高度坍塌以及解決高度坍塌的多種方法
1 給元素新增overflow hidden 原理 觸發bfc 弊端 overflow hidden 還有乙個作用就是超出隱藏，會隱藏掉元素內部定位的元素外部區域 具體實現 如下 12 3456 123 2 使用clear both清除浮動 原理 給元素內部浮動元素新增一同級空的標籤，給該空標籤設定...
浮動換行的解決辦法
浮動換行阻擋 往往出現在瀑布流布局中，若上一行浮動塊高度不一致，就會導致在當前行浮動過程中被阻擋。margin也是浮動塊停止的邊緣。一般情況下，往往是因為盒子的內容高度不一致，問題最多的是。當每個的寬高比不一致時，設定相同高度。高度會有差異。解決辦法 移動端 給乙個固定高，設定object fit ...