一、浮動的定義
使元素脫離文件流，按照指定方向發生移動，遇到父級邊界或者相鄰的浮動元素停了下來。
ps:文件流：文件流是文件中可顯示物件在排列時所占用的位置 。程式設計客棧
語法float常跟屬性值left、right、none
float:none 不使用浮動
float:left 靠左浮動
float:right 靠右浮動
二、浮動的用途
可設定文字環繞或使元素寬度由內容填充（類似inline-block)。使用浮動需要注意的是如果浮動的元素高度比父級容器還高，那麼需要設定父級容器的overflow屬性為auto,使其自動撐滿。
三、浮動用法
分析html結構：12
3分析css**樣式：
.box
.div1
.div2
.div3
清除浮動
方法一：新增新元素，應用clear：both;
html：12
程式設計客棧quot;div3">3
css：
.clear
一切恢復作用啦。
方法二：父級div定義overflow：auto;
html:12
3css：
.box
結果：也是實現了。
方法三：在父級樣式新增偽元素:after或者:before（推薦）
html:12
3css:
.box
.box:after
結果：當然不用說啦
總結本文標題: css清除浮動float的三種方法小結
本文位址:
CSS清除float浮動影響 實用三種方式
結尾處加空div標籤 clear both 原理 新增乙個空 div，利用 css提高的 clear both 清除浮動，讓父級 div能自動獲取到高度。因為該屬性的作用是清除浮動對該元素的影響，也就是同級 div浮動之後導致浮動元素脫離文件流而使未浮動元素上移，在頁面中的顯示效果就為浮動元素將未浮...
CSS清除浮動 清除float浮動
css清除浮動方法集合 一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不...
CSS清除浮動 清除float浮動
css清除浮動方法集合 一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不...