DIV 再論清除浮動的空方法

2022-09-25 13:12:10 字數 475 閱讀 9254

css 使用浮動會造成布局的混亂,通常清除浮動的方法是,利用乙個如下樣式的空 div:

>

.clear

更為優良的 css **是:

.clear:after

.clear這個方法目前已經廣泛使用,**、口碑,都是這種用法。通過 after 偽類 :after 和 針對 ie6 的獨立 css hack 來實現,完全相容主流瀏覽器。

當然,這在通過 css 在元素之後追加 "" 並不必要tvyreksp,因為還需要 visibility 來隱藏掉它。通過優化,**如下:

.clear:after

.clear其中,020 指在容器後新增空格,這樣就避免使用 visibility 隱藏可視性了。程式設計客棧

另外,不推薦使用空 div 的方法。單單為了清除浮動而在結構良好的 html 中插入沒有語義的容器,未免有些突兀。

本文標題: div 再論清除浮動的空方法

本文位址:

清除浮動的方法

1 給父元素加height 2 給父元素加浮動 絕對定位 固定定位 3 給父級元素加display inline block 4 給浮動元素下加 clear 5 給浮動元素下加 這個不符合w3c的標準,樣式,結構,行為分離。6 給浮動元素的父級元素加 clear 觸發ie7中的haslayout屬性...

清除浮動的方法

一 父級div定義 偽類 after 和 zoom 二 父級div定義 overflow hidden 原理 必須定義width或zoom 1 設定寬度時,ie6 ie7會清除浮動 設定 zoom 1時,ie6 ie7會清除浮動 使用overflow hidden時,瀏覽器會自動檢查浮動區域的高度 ...

清除浮動的方法

清除浮動本質 解決父級元素因為子級浮動引起內部高度為0 的問題。清除浮動就是把浮動的盒子圈到裡面,讓父盒子閉合出口和入口不讓他們出來影響其他元素。清除浮動的方法 選擇器 或則其他標籤br等亦可。優點 簡潔 缺點 內容增多時候容易造成不會自動換行導致內容被隱藏掉,無法顯示需要溢位的元素。2 父級新增o...