一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。
1、背景不能顯示
由於浮動產生，如果對父級設定了（css background背景）css背景顏色或css背景，而父級不能被撐開，所以導致css背景不能顯示。
2、邊框不能撐開
如上圖中，如果父級設定了css邊框屬性（css border），由於子級裡使用了float屬性，產生浮動，父級不能被撐開，導致邊框不能隨內容而被撐開。
3、margin padding設定值不能正確顯示
由於浮動導致父級子級之間設定了css padding、css margin屬性的值不能正確表達。特別是上下邊的padding和margin不能正確顯示。
（1）使用clear屬性
清楚浮動前
使用clear:both 清楚浮動
清楚浮動後
（2）使父元素bfc
給父wrap元素新增 overflow:hidden屬性，使其產生bfc。執行效果與clear:both 效果相同。
CSS清楚浮動
浮動是乙個有意思 你也可以說它很麻煩 的css屬性，任何元素設定了浮動，層級就提高了，會影響它後面沒設定浮動的元素，這些倒霉的被影響者會跑到浮動層的下面去 當然ie6 ie7除外 看起來是這樣 因為設定了浮動的元素會提高層級，所以如果乙個平淡無奇的父級元素 沒有設定浮動或別的提高層級的屬性 居然包住...
CSS清楚浮動clear both
今天給大家講一下清楚浮動，在講清除浮動前，需要了解什麼是浮動，這裡我就不給你大家詳細介紹浮動了。浮動也就是脫離文件流，脫離文件流了，那父級的寬高就不能被子集撐開，所以我們就需要清楚浮動，廢話不多說，我們上 從這裡我們可以看到，自己用了浮動，父級的寬高就不能被子集撐開，這樣的話布局就會和你想象的不一樣...
CSS定位 浮動定位
css定位機制 浮動定位 float屬性 進行浮動定位 left，right clear屬性 清除浮動 left，right，both float屬性 1.概述 div實現橫向多列布局 float屬性 left 左浮動 right 右浮動 none 不浮動 下圖為 的實現 float屬性用途 在 混...