這篇文章主要介紹了css如何清除浮動float，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

在肅南裕固族自治等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務理念，為客戶提供成都做網(wǎng)站、成都網(wǎng)站設計 網(wǎng)站設計制作定制設計,公司網(wǎng)站建設,企業(yè)網(wǎng)站建設,成都品牌網(wǎng)站建設,成都全網(wǎng)營銷推廣,外貿(mào)網(wǎng)站制作,肅南裕固族自治網(wǎng)站建設費用合理。

在清除浮動前我們要了解兩個重要的定義：

浮動的定義：使元素脫離文檔流，按照指定方向發(fā)生移動，遇到父級邊界或者相鄰的浮動元素停了下來。

高度塌陷：浮動元素父元素高度自適應（父元素不寫高度時，子元素寫了浮動后，父元素會發(fā)生高度塌陷）

知道浮動和為什么要清除浮動之后我們可以開始學習如何清除浮動了，這時候我們就需要用到清除浮動的屬性clear,
clear:left | right | both | none | inherit：元素的某個方向上不能有浮動元素
clear:both：在左右兩側(cè)均不允許浮動元素。

具體清楚浮動的方法主要一下幾種：

1、clear清除浮動（添加空div法）

在浮動元素下方添加空div,并給該元素寫css樣式：

 {clear:both;height:0;overflow:hidden;}

2、方法：給浮動元素父級設置高度

我們知道了高度塌陷是應為給浮動元素的父級高度是自適應導致的，那么我們給它的設置適當?shù)母叨染涂梢越鉀Q這個問題了。

缺點：在浮動元素高度不確定的時候不適用

3、方法：以浮制浮（父級同時浮動）

何謂“以浮制浮”呢？就是**讓浮動元素的父級也浮動**。

缺點：需要給每個浮動元素父級添加浮動，浮動多了容易出現(xiàn)問題。

4、方法：父級設置成inline-block

 缺點：父級的margin左右auto失效，無法使用margin: 0 auto;居中了

5、 br 清浮動