今天給大家講一下清楚浮動，在講清除浮動前，需要了解什麼是浮動，這裡我就不給你大家詳細介紹浮動了。
浮動也就是脫離文件流，脫離文件流了，那父級的寬高就不能被子集撐開，所以我們就需要清楚浮動，廢話不多說，我們上**。
從這裡我們可以看到，自己用了浮動，父級的寬高就不能被子集撐開，這樣的話布局就會和你想象的不一樣。這裡有很多種解決辦法。
在父元素裡新增乙個div，給新增的div加上清除浮動
clear
.box.box.box用偽元素來清除浮動。我們可以給父級新增偽元素。
.box::afterCSS清楚浮動
浮動是乙個有意思 你也可以說它很麻煩 的css屬性，任何元素設定了浮動，層級就提高了，會影響它後面沒設定浮動的元素，這些倒霉的被影響者會跑到浮動層的下面去 當然ie6 ie7除外 看起來是這樣 因為設定了浮動的元素會提高層級，所以如果乙個平淡無奇的父級元素 沒有設定浮動或別的提高層級的屬性 居然包住...
CSS中正確理解浮動以及clear both的關係
要注意以下幾點 1 浮動元素會被自動設定成塊級元素，相當於給元素設定了display block 塊級元素能設定寬和高，而行內元素則不可以 2 浮動元素後邊的非浮動元素顯示問題。3 多個浮動方向一致的元素使用流式排列，此時要注意浮動元素的高度。4 子元素全為浮動元素的元素高度自適應問題。以下詳細分析...
CSS 定位5 清楚浮動
一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。1 背景不能顯示 由於浮動產生，如果對父級設定了 css background背景 css背景顏色或css背景，而父級不能被撐開，所以導致css背景不能顯示。2 邊框不能撐開 如上圖中，...