1.為父元素新增高度。缺陷：高度要隨子元素所有高度變化而變化
2.clear屬性。使用：在浮動元素的同級元素新增clear屬性。缺陷：新增了多餘標籤
3.為父元素新增overflow:hidden;zoom:1屬性。缺陷：overflow:hidden;會自動擷取超出父元素寬度的內容
4.為父元素新增相應的float屬性。缺陷：用於父元素浮動，所以其下的兄弟元素會發生位置異位（不使用浮動）。處理方法：給改兄弟元素新增clear:both屬性。
5.使用before::偽類（推薦使用）
css 子元素設定float,父元素高度塌陷
以div元素為例。div元素的高度會通過內容自動撐開。也就是說，內容有多少，高度就有多高。但是當內部元素設定了float屬性之後，會是父元素高度塌陷 div class container p hello world hello world p div class clearfix div div ...
解決子元素浮動，父元素高度變小的問題
當子元素浮動時，脫離了文件流，不佔據原來的頁面空間，使父元素的高度變小，甚至為0，我們可以通過幾種方式來解決這個問題。解決辦法如下 1.設定父元素的overflow為hidden。缺點 把本應該顯示的元素隱藏。2.在知道父元素本應該是多高的情況下，設定父元素的高度。缺點 不知道父元素高度的不適合。3...
容器內元素float時，容器自動高度的解決方案
先看html 如下 1 div id wrap 2 div id header 3 h1 three colums layout.h1 4div 56 div id content 7 div id main 8 p hello,css html.p 9 p i love this game.p 1...