清除浮動對頁面帶來的影響有幾種方法

　　這是css里面一個比較常見的操作，現(xiàn)在稍微小小地總結(jié)一下，雖然沒什么技術(shù)含量，但也可以作為一種復習。

　　1，給父級元素添加overflow:hidden可以清除浮動；

　　2，給父級元素添加after偽類，并定義其樣式如下：

　　這種寫法比較高大上，推薦使用；

　　3，在父容器的末尾添加一個毫無意義的子標簽，然后給這個子標簽添加css樣式為：clear:both。這種做法會使得html代碼冗余，雖然業(yè)內(nèi)會默認給它一個class為clearfix來告訴大家：這個標簽就是專門用來清除浮動的。但還是有點沒必要，不太推薦使用。

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注Gxl網(wǎng)其它相關(guān)文章！

推薦閱讀：

Safari瀏覽器select下拉列表文字太長不換行的解決方法

Gulp命令生成精靈圖

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com