浮動，顧名思義，就是使文字內容浮起來和動起來，浮指的是：脫離文件流，動指的是：向設定的方向移動。
脫離文件流將會導致文件內容高度等不會被常規計算，會造成常見的文字覆蓋、高度塌陷等問題影響布局效果，例如：
常規的有以下幾種：
1、設定clear:both：不允許兩邊有浮動現象，在浮動元素後的非浮動元素中設定，clear的值有：none|both|left|right;
2、overflow:hidden:應用bfc原理，將盒子變為獨立的塊級上下文，在這個獨立的塊級上下文中會計算浮動元素的高度，可用於解決高度塌陷的問題；
3、應用::after,::before等偽元素：在選中的盒子內建立虛假的節點，在設定clear:both等屬性，清除浮動
示例**:
box1
box2
box3
形成條件：
浮動元素，float 除 none 以外的值；
定位元素，position（absolute，fixed；
display 為以下其中之一的值 inline-block，table-cell，table-caption；
overflow 除了 visible 以外的值（hidden，auto，scroll；
特點：內部的box會在垂直方向上乙個接乙個的放置。
垂直方向上的距離由margin決定
bfc的區域不會與float的元素區域重疊。
計算bfc的高度時，浮動元素也參與計算
bfc就是頁面上的乙個獨立容器，容器裡面的子元素不會影響外面元素。
清除「浮動」影響
清除浮動是每乙個 web前台設計師必須掌握的技能。共8種方法。浮動會使當前標籤產生向上浮的效果，同時會影響到前後標籤 父級標籤的位置及width height屬性。而且同樣的 在各種瀏覽器中顯示效果也有可能不相同，這樣讓清除浮動更難了。解決浮動引起的問題有多種方法，但有些方法在瀏覽器相容性方面還有問...
浮動的影響及清除浮動的方法
要清除浮動首先要清楚使用浮動後產生的影響 一般來說，網頁頁面元素都是按照文件流來流動，即從上到下 當然行元素是從左到右。使用浮動後，元素會改變原有的流動方式，即會浮動起來。但浮動之後，後面的元素會感知不到其存在。eg css樣式 div div nth of type 1 div nth of ty...
10 浮動和清除浮動影響
float 浮動 屬性 1 改變塊元素 block element 物件的預設顯示方式。2 浮動元素 float 會被移出標準流，但是沒有脫離檔案流。3 float開始之初是為了實現文字環繞。將塊顯示標記左右排列的時候使用浮動屬性。aa,bb,cc bb cc style clear屬性 cc 多學...