(1)給元素新增overflow:hidden;
原理：觸發bfc；
弊端：overflow:hidden;還有乙個作用就是超出隱藏，
會隱藏掉元素內部定位的元素外部區域
具體實現**如下：12
3456
123（2）：使用clear:both清除浮動;
原理：給元素內部浮動元素新增一同級空的標籤，給該空標籤設定clear:both（忽略上方浮動元素留出的空間）,使用該空標籤不受上面元素浮動導致的高度坍塌。
弊端：反覆新增空的標籤，會形成**的冗餘。
具體實現**如下：12
3456
123（3）萬能清除法
原理：使用css偽元素給元素新增內容，通過控制所新增內容來撐開整個空間，不用新增過多的空標籤。
弊端：不好意思沒有缺點和弊端
具體實現**如下：12
3456
123如果感覺對自己有幫助，麻煩點一下關注，會一直盒大家分享知識的，謝謝！！！
css高度坍塌與清除浮動
在文件流中，父元素的高度預設是被子元素撐開的，也就是子元素多高，父元素就多高.但是當為子元素設定浮動以後，子元素會完全脫離文件流，此時將會導致子元素無法撐起父元素的高度，導致父元素的高度塌陷.由於父元素的高度塌陷了，則父元素下的所有元素都會向上移動，這樣將會導致頁面布局混亂.clearfix方案 原...
浮動產生的問題以及解決辦法
子元素脫離文件流不佔位，父元素的高度撐不起來，下面的元素會往上移動。1 給浮動元素的父元素設定高度 但是不靈活 2，給浮動元素的父元素設定overflow hidden scroll auto 常用 溢位隱藏，父元素要知道子元素是否溢位，浮動元素也參與計算 3,在浮動元素的後面加乙個空的塊元素 二者...
完美解決浮動產生的影響
浮動 相信對於很多前端的同學都不是事，不過最近有後端小哥哥向我詢問關於浮動的問題，下面我就簡單介紹一下浮動會產生什麼問題，並且該怎樣去解決，相信聰明的你一看就懂了。在講浮動之前，首先宣告一下行內元素和塊級元素的概念 簡單來說，行內元素就是不可設定寬高，且與其它元素併排顯示的元素 a img標籤等 而...