首頁 > web前端 > js教程 > 清除浮動對頁面帶來的影響有幾種方法

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

php中世界最好的语言
發布: 2018-03-19 10:40:34
原創
1919 人瀏覽過

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

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

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

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

  

  這種寫法比較高大上,建議使用;

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

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

推薦閱讀:

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

Gulp指令生成精靈圖

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板