首先，任何元素浮動(dòng)以后都會(huì)成為一個(gè)塊級(jí)元素且脫離默認(rèn)文檔流（不完全脫離明吩，會(huì)占據(jù)文本流位置，但不占據(jù)元素流位置）殷费，這就會(huì)造成一種現(xiàn)象印荔，其父元素的“高度塌陷”，所以我們要清除浮動(dòng)详羡，那么清除浮動(dòng)的方法有如下幾種：
1仍律、使用空標(biāo)簽來(lái)清除浮動(dòng)，在所有浮動(dòng)的標(biāo)簽后面添加一個(gè)空標(biāo)簽实柠，定義 CSS 樣式為 clear:both; 弊端就是增加了無(wú)意義的空標(biāo)簽水泉。
2、給包含浮動(dòng)元素的父級(jí)標(biāo)簽添加 CSS 屬性 overflow：
#parent{
overflow:auto;
zoom:1; //兼容IE 6 瀏覽器
}
3窒盐、可以同時(shí)浮動(dòng)其父級(jí)元素草则。
4、使用 after蟹漓、before 偽類來(lái)清除浮動(dòng)畔师，給其父元素添加如下樣式：
#parent:after,#parent:before{
content: "";
display: block;
height: 0;
clear: both;
visibility:hidden;
}
