清除浮動的方式主要有一下三種：
clear:bothoverflow:hidden偽元素法：
.clearfix:before, .clearfix:after
.clearfix:after
.clearfix
偽元素法: 是利用clear:both的特性來做的css類，當我們的產生的浮動類問題過多時，新增過多的標籤，會讓**看起來複雜無章，所以我們將這段**複製下來，直接放到公共類中，壓縮後就是3行**，用的時候也是很簡單，明了。
overflow：hidden這個方法也可以實現同樣的效果，他的原理就是bfc(塊級格式化上下文，block formatting context),聽起來很厲害，其實說白了就是個塊級元素在頁面中設定樣式的規則，行內標籤設定樣式的規則叫做ifc而已。這是w3c規範中給的，是網頁繪製時候的規則，其中有一條是
計算bfc的高度時，浮動子元素也參與計算
所以這個就是所謂的bfc問題，也就是所謂的overflow：hidden可以解決浮動影響問題的原因。
需要注意一點的是盡量用其他兩種方法，因為設定了overflow屬性還有其他的作用，比如顯示或者隱藏滾動條。
所以推薦使用其他兩種，當發生浮動問題多的時候用偽元素法，當浮動元素少的時候用clear:both,額外標籤法即可。
歡迎使用CSDN markdow
本markdown編輯器使用stackedit修改而來，用它寫部落格，將會帶來全新的體驗哦 markdown 是一種輕量級標記語言，它允許人們使用易讀易寫的純文字格式編寫文件，然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題，將某些文字標記為粗體或者斜體，建立乙個鏈結等，詳細...
歡迎毛毛與妞妞使用CSDN markdown編輯器
建立乙個自定義列表 如何建立乙個註腳 注釋也是必不可少的 katex數學公式 新的甘特圖功能，豐富你的文章 uml 圖表 flowchart流程圖 匯出與匯入 你好！這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章，了解一下mar...
歡迎使用CSDN markdow1n編輯器
本markdown編輯器使用stackedit修改而來，用它寫部落格，將會帶來全新的體驗哦 markdown 是一種輕量級標記語言，它允許人們使用易讀易寫的純文字格式編寫文件，然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題，將某些文字標記為粗體或者斜體，建立乙個鏈結等，詳細...