影響1：
div1 div2 div3,要實現dev1 div2 在第一排顯示，div3另起一行？
方法：給div1 div2加浮動，1和2會脫離正常流，因為div3屬於正常流會上到第一排，並且被1和2覆蓋
就是為什麼要清除浮動，消除浮動影響：
方法1：
加乙個空div，.clearfix 在div3前加乙個空div，加類clearfix，div3不會到第一排
影響2（高度塌陷）：
父不設高度，div1 div2，父div我只是給了它的背景顏色是黃色，這種情況很容易理解嘛，因為它的子元素把它撐開了嘛，那現在我的需求變了，將1和2一排展示，加浮動，此時父不能被撐開高度。
現在div1和div2都有了向左浮動，脫離了標準流，我們發現，原本外面包裹的div不見了，不理解的人這時候就很納悶了，可能你在用的時候不會注意到，也有可能當時需求不一樣，所以不能注意到這點，它是怎麼回事呢，因為div1和div2都脫離了標準流，所以外面包裹的div沒有支撐的東西， 也就是所謂的高度塌陷，那麼，我們並不想讓它呈現出這種效果，所以這個時候就要清楚浮動了
方法2：
overflow方法，在父元素上設定overflow這個屬性，如果父元素的這個屬性設定為auto或者是hidden，父元素就會擴充套件包含浮動，這個方法有著比較好的語義性，因為它不需要額外的元素，但是，要記住一點，overflow屬性不是為了清除浮動而定義的，要小心不要覆蓋住內容或者觸發了不需要的滾動條。
現在我就給外面的div新增overflow：hidden，或者是auto，
方法3：
就是利用偽類元素來清除有浮動的標籤，也就定義乙個公共的類clearfix，給這個類新增css屬性，在裡面進行清除浮動的操作，光說沒用，直接看**吧：
.clearfix:after
.clearfix
比如上面的例子，我就給外麵包著的div新增clearfix這個類，可以達到和上面同樣的效果。這種方式這樣理解，就是利用偽類元素，也就是在有浮動的標籤前面新增乙個塊級元素，來達到效果。
方法4：
內部標籤法和外部標籤法
清除「浮動」影響
清除浮動是每乙個 web前台設計師必須掌握的技能。共8種方法。浮動會使當前標籤產生向上浮的效果，同時會影響到前後標籤 父級標籤的位置及width height屬性。而且同樣的 在各種瀏覽器中顯示效果也有可能不相同，這樣讓清除浮動更難了。解決浮動引起的問題有多種方法，但有些方法在瀏覽器相容性方面還有問...
清除浮動影響與overflow
浮動流與標準流的高度問題 1.在標準流中內容的高度可以撐起父元素的高度 2.在浮動流中浮動的元素是不可以撐起父元素的高度的 給前面乙個父元素設定高度 注意點 在企業開發中,我們能不寫高度就不寫高度,所以這種方式用得很少 給後面的盒子新增clear屬性 clear屬性取值 none 預設取值,按照浮動...
10 浮動和清除浮動影響
float 浮動 屬性 1 改變塊元素 block element 物件的預設顯示方式。2 浮動元素 float 會被移出標準流，但是沒有脫離檔案流。3 float開始之初是為了實現文字環繞。將塊顯示標記左右排列的時候使用浮動屬性。aa,bb,cc bb cc style clear屬性 cc 多學...