浮動的元素，只能被有高度的盒子關住。 也就是說，如果盒子內部有浮動，這個盒子有高，那麼妥妥的，浮動不會互相影響。但是，工作上，我們絕對不會給所有的盒子加高度，這是因為麻煩，並且不能適應頁面的快速變化。
→ 設定height
→ 設定height
→ clear:both;
在兩部分浮動元素中間，建乙個牆。隔開兩部分浮動，讓後面的浮動元素，不去追前面的浮動元素。牆用自己的身體當做了間隙。
這個屬性的本意，就是將所有溢位盒子的內容，隱藏掉。但是，我們發現這個東西能夠用於浮動的清除。我們知道，乙個父親，不能被自己浮動的兒子撐出高度，但是，如果這個父親加上了overflow:hidden；那麼這個父親就能夠被浮動的兒子撐出高度了。這個現象，不能解釋，就是瀏覽器的小偏方。並且,overflow:hidden;能夠讓margin生效。
---->設定overflow:hidden屬性
CSS四大清除浮動方法
方法一 額外標籤法 隔牆法 在父親盒子中新增乙個盒子，並且在style標籤中給新盒子寫上 clear both 即可。clear方法二 父級overflow hidden 只需要在父親盒子中加入一段 overflow hidden 即可。下面展示一些 內聯 片 box方法三 父級after偽元素 見...
CSS清除浮動的8大方法
浮動會使當前標籤產生向上浮的效果，同時會影響到前後標籤 父級標籤的位置及 width height 屬性。而且同樣的 在各種瀏覽器中顯示效果也有可能不相同，這樣讓清除浮動更難了。為了解決浮動引起的問題有多種方法，但有些方法在瀏覽器相容性方面還是有一些問題。1，父級div定義 height div1 ...
CSS清除浮動的方法
給元素設定了float屬性後脫離了文件流，不佔據位置，所以其父級無法將其包裹，需要清除浮動。段 box item style class box class item div div 效果 方法一 給父級設定高度 段 box 問題解決 缺點 擴充套件性不好，沒有解決根本問題 方法二 給父級加上flo...