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

這次帶給大家清除浮動對頁面帶來的影響有幾種方法，清除浮動的注意事項有哪些，下面就是實戰案例，一起來看一下。

　　這是css裡面一個比較常見的操作，現在稍微小小地總結一下，雖然沒什麼技術含量，但也可以作為一種複習#。

　　1，為父級元素加上overflow:hidden可以清除浮動;

　　2，為父級元素加入after#偽類別，並定義其樣式如下：

　　

　　這種寫法比較高大上，建議使用；

　　3，在父容器的末端添加一個毫無意義的子標籤，然後給這個子標籤加上css樣式為：clear:both。這種做法會讓html程式碼冗餘，雖然業界會預設給它一個class為clearfix來告訴大家：這個標籤就是專門用來清除浮動的。但還是有點沒必要，不太建議使用。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

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

Gulp指令生成精靈圖

以上是清除浮動對頁面帶來的影響有幾種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！