方法一：給父盒子加高度
原理：如果父級元素沒有定義高度，父元素的高度完全由子元素撐開時，父級盒子手動定義高度，就解決了父級盒子無法自動獲取到高度的問題。
優點：簡單、**少、容易掌握。
缺點：只適合高度固定的布局，要給出精確的高度，如果高度和父級div不一樣時，會產生問題。在真正的頁面開發中，這種方法不常用。
方法二：將overflow:hidden樣式給浮動元素的父盒子
原理：overflow:hidden 的意思是將元素的溢位部分隱藏掉。所以如果在沒有明確設定盒子高情況下，它的高度由內容撐起來，當給盒子設定了高度的情況下，溢位此高度的部分則會被隱藏掉。順帶達成了清理浮動的目標
優點：簡單、**少。
缺點：無法顯示需要溢位的元素
方法三：給父級盒子加浮動優點：
能夠清除浮動影響，還能讓父盒子有高度。
缺點：
會產生新的浮動影響問題，不推薦使用。
浮動的影響及清除浮動的方法
要清除浮動首先要清楚使用浮動後產生的影響 一般來說，網頁頁面元素都是按照文件流來流動，即從上到下 當然行元素是從左到右。使用浮動後，元素會改變原有的流動方式，即會浮動起來。但浮動之後，後面的元素會感知不到其存在。eg css樣式 div div nth of type 1 div nth of ty...
關於清除浮動的幾種方法
最簡單的一種情形就是我們把乙個小的 固定寬度的div元素 比如導航 引用等 和其他元素內容一起包含在乙個大的div中。比如下面這段 outer inner lorem ipsum 我們可以為 inner 設定乙個寬度值 比如說20 但是由於div是塊級元素，即使我們設定了寬度，其後面的內容也只能在下...
關於CSS浮動以及清除浮動的幾種方法
眾所周知，css浮動在日常頁面運用中起到非常重要的作用。例如，我們可以利用浮動來實現多欄布局等。如下圖，qzone利用浮動來實現雙欄布局的示例 它的頁面 是這樣的 主要 html部分 css部分 主要 col menu col main 不難看出，qzone是通過給左右欄定寬並且浮動來實現的。htm...