當元素有浮動屬性時，會對其父元素或後面的元素產生影響，
會出現乙個布局錯亂的現象，可以通過清除浮動的方法來解決浮動的影響。
浮動的清理(clear):
值:none:預設值。允許兩邊都可以有浮動物件；
left:不允許左邊有浮動物件；
right:不允許右邊有浮動物件；
both:左右兩側不允許有浮動物件。
清除浮動的方法：
1.額外標籤法
這種方法應該是最簡單的一種了，w3c建議在容器的末尾增加乙個「clear:both"的元素
強迫容器適應它的高度以便裝下所有的float元素。
.clear
2.父元素新增overflow:hidden;
注：如果子元素使用了定位布局，就會很難實現。
3.利用偽物件after方法
定義乙個類，使用偽物件after,控制浮動元素的影響。
網上最流行的清除浮動**：
.clearfix:after
.clearfix /*解決ie6/7相容問題*/
css溢位的使用
設定物件的內容超過其指定高度及寬度時，如何管理內容。
overflow:visible【預設值，不剪下內容也不新增滾動條】
auto【在必需時，物件內容才會被剪下或新增滾動條】
hidden【不顯示超過物件尺寸的內容】
scroll【總是顯示滾動條】
zoom屬性：只有ie核心的瀏覽器支援，縮放比例。
設定或檢索物件的縮放比例。
語法：normal【預設值，使用物件的實際尺寸】；number【百分數|無符號浮點實數。浮點實數
為1.0或百分數為100%時相當於此屬性的normal值
zoom:1解決ie6高度自適應問題。
CSS清楚浮動
浮動是乙個有意思 你也可以說它很麻煩 的css屬性，任何元素設定了浮動，層級就提高了，會影響它後面沒設定浮動的元素，這些倒霉的被影響者會跑到浮動層的下面去 當然ie6 ie7除外 看起來是這樣 因為設定了浮動的元素會提高層級，所以如果乙個平淡無奇的父級元素 沒有設定浮動或別的提高層級的屬性 居然包住...
CSS清楚浮動clear both
今天給大家講一下清楚浮動，在講清除浮動前，需要了解什麼是浮動，這裡我就不給你大家詳細介紹浮動了。浮動也就是脫離文件流，脫離文件流了，那父級的寬高就不能被子集撐開，所以我們就需要清楚浮動，廢話不多說，我們上 從這裡我們可以看到，自己用了浮動，父級的寬高就不能被子集撐開，這樣的話布局就會和你想象的不一樣...
CSS 定位5 清楚浮動
一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。1 背景不能顯示 由於浮動產生，如果對父級設定了 css background背景 css背景顏色或css背景，而父級不能被撐開，所以導致css背景不能顯示。2 邊框不能撐開 如上圖中，...