清除浮動(dòng)對(duì)頁(yè)面帶來(lái)的影響有幾種方法

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

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

　　2，給父級(jí)元素添加after偽類(lèi)，并定義其樣式如下：

　　這種寫(xiě)法比較高大上，推薦使用；

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

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

推薦閱讀：

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

Gulp命令生成精靈圖

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