1.通常我們為了將幾個塊級元素排成一列，又或者是我們想要讓元素關於父元素進行左定位或者右定位,會將它們的屬性設定為float:left或者float:right.
**如下:
//html:
class="div1">
div1
class="div2">
div2
//css:
.div1
.div2
左右浮動:
2.浮動雖然用起來很爽，但是浮動會部分脫離文件流，什麼是脫離文件流呢？就是其他元素會當浮動元素不存在，其他元素的margin值對浮動元素不起作用，並且浮動元素會遮住後面的元素.
**如下:
//html:
div>
div>
//css:
#left
#right效果如下:
可以看到背景為黑色的div遮住了黃色的div,為什麼會這樣呢？因為黃色div在文件流中會無視黑色div的存在，所以黑色div就浮在了上面.
但是為什麼我說float是部分脫離文件流呢？因為當元素浮動時，下面的div會被遮住，但是下面的文字不會被掩蓋，而是在浮動元素的周圍顯示！
**如下:
//html:
div1
div>
div2
div>
//css:
#left
#right效果:
可以看到黃色的div被黑色div遮住了，但是黃色div的文字卻沒有被遮蓋,我們再看乙個例子:
div1
div>
12345自學前端,自學前端,自學前端,自學前端,自學前端,自學前端,自學前端,自學前端,自學前端,自學前端,自學前端,自學前端,自學前端,自學前端,自學前端,自學前端,
//css
#left效果:
為了更好的看到效果，將瀏覽器的尺寸調小了點，這樣看的更明白，可以看到上面的文字完全浮動在了黑色div的周圍，所以說float是部分脫離文件流，很神奇。
3.另外我還發現了浮動的乙個奇葩之處，就是當div重疊之後，被遮住的div設定margin-top會帶著浮動的元素一起向下移動，但是設定margin-left卻沒效果.
**如下:
//html
div1div>
div>
//css
#left
#right效果:
清除浮動知識總結
清除浮動是乙個經常碰到的問題，也是有點讓人頭疼的東西.什麼時候要用到清除浮動呢？當元素內部有子元素浮動時，父元素的高度無法被撐起，下面的元素沒辦法定位，這時候就需要用到清除浮動.我總結的清除浮動的方法有三種 1.clear both clear both一般是浮動元素周圍的元素所用到的，多說無益，看...
關於CSS樣式清除浮動的總結
浮動的元素之間是互相貼靠的。但是在實際的工作中，我們是希望同組的元素互相貼靠的，但是不同組的元素之間是不互相貼靠的。第二組的元素不應該與第一組的元素有任何互相的影響。比如，我們想要的效果是這樣的 但是如果浮動沒有清除的話，就會變成這樣 清除浮動有四種方式，一般常選用後兩種，根據不同的情況進行選擇。1...
HTML中關於浮動的知識點
1.浮動原理 浮動在當前行，脫離原來文字，進入到新的一層 浮動層 然後在設定的方向 左右 移動，直到遇到父級盒子的邊緣，或者其他浮動塊的邊緣停止 2.浮動換行 當一行沒有足夠空間存放所有浮動塊時，多出來的盒子會擠到下一行，然後按照設定的方向繼續移動，直到遇到父級盒子的邊緣或其他浮動塊的邊緣 3.浮動...