css清除浮動
tip: 乙個浮動的內聯元素（比如span img標籤）不需要設定display：block就可以設定寬度。
class
="box"
>
class
="height1"
>
floatdiv
>
class
="height2"
>
floatdiv
>
div>
方法一：clear:both
在父元素box 末尾新增乙個塊級元素，並設定樣式 clear: both;
class
="box"
>
class
="height1"
>
floatdiv
>
class
="height2"
>
floatdiv
>
style
="clear
: both;
">
div>
div>
.clearfix:after
讓父容器形成了bfc（塊級格式上下文），而bfc可以包含浮動，通常用來解決浮動父元素高度坍塌的問題。我們可以給父元素新增以下屬性來觸發bfc：
float 為 left | right這裡可以給父元素設定overflow:auto，但是為了相容ie最好使用overflow:hidden。overflow 為 hidden | auto | scorll
display 為 table-cell | table-caption | inline-block
position 為 absolute | fixed
但這種辦法有個缺陷：如果有內容出了盒子，用這種方法就會把多的部分裁切掉，所以這時候不能使用。
bfc的主要特徵:
bfc容器是乙個隔離的容器，和其他元素互不干擾；所以我們可以用觸發兩個元素的bfc來解決垂直邊距摺疊問題；參考：bfc不會重疊浮動元素；
bfc可以包含浮動,這可以清除浮動。
bfc:至此，結束。
CSS清除浮動 清除float浮動
css清除浮動方法集合 一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不...
CSS清除浮動 清除float浮動
css清除浮動方法集合 一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不...
CSS清除浮動 清除float浮動
一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不能撐開，這樣浮動就產生了...