浮動清理的必要性
當父盒子不浮動，子盒子浮動，子盒子會脫離父盒子的束縛，也就是造成父盒子塌陷，
子盒子不浮動時
子盒子如圖
子元素浮動後，父元素預設為0，即
.cd如圖
解決方式有這麼幾個:
方法1,父盒子定義height，適用于父盒子固定，原理：這樣父盒子自己設定高度，就不用子盒子撐開了，適用於父級元素已知的情況
即.fd
如圖
方法2.額外標籤法，在子元素後面加空div,並設定樣式清理兩側浮動。原理：空div設定兩側清浮動，會另起一行，撐開父盒子，而空div高度為0，遂產生如圖效果。缺點是增加多餘標籤。
html部分
小明學長
css部分
方法3.給父級新增樣式,
clearfix">
小明學長
.clearfix:after
.clearfix//在ie6, 7下zoom: 1會觸發haslayout，從而使元素閉合內部的浮動
原理和2類似，只是不需要新增div標籤，利用：after在子元素後面新增乙個空塊盒。
方法4.父盒子新增樣式
.clearfix
另外父元素浮動或者position設為absolute也可以，但是下方正常流會上浮，方法是在父級下方加空div,清理兩側浮動
浮動及清浮動的方式
浮動的特點 1.使塊元素在同一行顯示 2.使內嵌支援寬高 3.不設寬高則由內容撐開 4.脫離文件流，按照指定的乙個方向去移動，直到碰到父級的邊界或者另外乙個浮動元素停止 5.提公升層級半層，元素可以分為上下兩層，下層是具有樣式的元素本身，上層是元素裡的內容，浮動只浮動了半層。所以另乙個元素擠進來的時...
浮動原理及清浮動筆記
一句話解釋 元素浮動後，會脫離文件流，接著會按照指定的方向移動，一直到碰到父級的邊界或另外乙個元素為止。浮動的 folat left right none，none 表示為不浮動，完全沒有浮動的效果。使塊元素在一行顯示 使內嵌支援寬高 不設定寬度時，寬度由內容撐開 脫離文件流 文件流是文件中可顯示物...
浮動相關知識及清浮動方法
先了解一下文件流的概念，所謂文件流，就是指文件中可以顯示的物件在排列是所佔的位置。而浮動就是 使我們的元素脫離正常文件流，按照指定方向發生移動，直到碰到它的父元素邊界或另乙個浮動元素的邊界 浮動是讓元素水平方向移動，不能上下移動 浮動屬性 float left 左浮動 float right 右浮動...