css 清隊浮動 總結

2021-05-23 21:36:13 字數 396 閱讀 9458

1.使用空標籤浮動

如:2.使用overflow屬性

這各方法有效的解決了通過空標籤清除浮動而不得不增加無意的**的弊端,使用該方法只需要在需要清除浮動元素中定義的css屬性:overflow:auto,即可,當然overflow:hidden也可以實現

3.使用:after偽類物件清除浮動

(after 偽類可用於在某個元素之後插入某些內容)

after 偽元素 非ie瀏覽器支援,在ie6之後的版本也支援,netscape 8 以上支援,所以這種方法有點兒不夠完美(或者是作用範圍不夠全面),但大部分的主流瀏覽器還是支援的,使用時注意,該方法必需為需要清除浮動元素的偽物件中設定height:0,否該元素會比實際高出若干畫素,content是必須的,但其值可以為空,**為:selector:after

CSS 清浮動詳解

使元素脫離文件流,按照指定方向發生移動,遇到父級邊界或者相鄰的元素停下來。脫離文件流 此時浮動元素在文件中不佔位置,飄了起來 1.塊元素在一行顯示 2.內聯元素支援寬高 3.預設內容撐開寬度 4.脫離文件流 5.提公升層級半層 只能夠放元素本身,這個元素裡的內容會被擠出來 6.父元素的高度無法被撐開...

CSS 清浮動 相關方法

示例 1 lang en charset utf 8 documenttitle type text css imgstyle head 浮動使父級標籤塌陷 src img small.gif alt div body html 示例 2 lang en charset utf 8 document...

HTML學習總結(4) 浮動,清浮動

html學習總結 4 浮動 清除浮動 使元素脫離文件流,按指定方向移動,遇到父級邊界或相鄰浮動元素停下 float浮動 清除浮動的方法 box box box clear clear all 浮動元素下加 clear after clear 加這裡 box 浮動相容性問題 ie6雙邊距 ie6下塊屬...