清除浮動(dòng)對頁面帶來的影響有幾種方法

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

　　1，給父級元素添加overflow:hidden可以清除浮動(dòng)；

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

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

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

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

推薦閱讀：

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

Gulp命令生成精靈圖

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