(在最後乙個浮動元素的後面新加乙個標籤如
，並在其css樣式中設定clear: both;)
1.優點：簡單，通俗易懂，寫少量**，相容性好
2.缺點：額外增加無語義html元素，**語義化差，後期維護成本大
1.優點：簡單，寫少量**，容易掌握
2.缺點：不夠靈活，只適用於高度固定的布局
(如給父元素設定overflow:hidden，特別注意的是：在ie6中還需要觸發haslayout，例如給父元素設定zoom:1。原理是觸發父級bfc後，父元素在計算高度時，浮動的子元素也會參與計算)
1.優點：簡單，**簡潔
2.缺點：設定overflow:hidden容易造成不會自動換行導致超出的尺寸被隱藏掉，無法顯示要溢位的元素
常見的寫法如下：
.clearfix::after
.clearfix
2.缺點：**量多，因為ie6-7下不支援after偽元素，需要額外寫zoom:1來觸發haslayout
清除浮動的幾種方式，各自的優缺點
問 清除浮動的幾種方式，各自的優缺點 1.使用空標籤清除浮動clear both。原理 新增乙個空div，利用css提高的clear both清除浮動，讓父級div能自動獲取到高度 優點 通俗易懂，容易掌握 缺點 會新增很多無意義的空標籤，有違結構與表現的分離，在後期維護中將是噩夢 2.父級div定...
浮動的優缺點，如何清除浮動？
元素浮動以後可以想做或向右移動，直到它的外邊緣碰到包含它的框或者另外乙個浮動元素的邊框為止。元素浮動以後會脫離正常的文件流，所以文件的普通流中的框就變現的好像浮動元素不存在一樣。浮動的好處 這是乙個浮動的demo charset utf 8 清除浮動title parent fstyle head ...
清除浮動的幾種方式及優缺點總結
一 額外標籤法 在最後乙個浮動元素的後面新加乙個標籤如 並在其css樣式中設定clear both 優點 簡單，通俗易懂，寫少量 相容性好 缺點 額外增加無語義html元素，語義化差，後期維護成本大 二 給父級設定高度 優點 簡單，寫少量 容易掌握 缺點 不夠靈活，只適用於高度固定的布局 三 觸發父...