細微之處 比較兩種CSS清除浮動的相容

2022-04-29 07:15:09 字數 1942 閱讀 4211

清除浮動是連續浮動元素之後的必備工作,在工作中我做到需要清除浮動的地方都要清除。

比如,我在瑞星的專案中一直這樣使用:

.clear:after

.clear

.clear:after

.clear

.clear,.lc,.topiclist,.mediawrap,.cellmod

#1樓2011-05-27 11:00 於安

學習了: content

還有 .clear:after的寫法, 這對應是怎麼使用?

支援(0)

反對(0)

回覆引用

#2樓[樓主] 2011-05-27 11:06 bennychia

支援(0)

反對(0)

回覆引用

#3樓2011-05-27 12:03 gray zhang

把.lc等全去掉,語義性會破壞得更加厲害,那這個class是不是乾脆也別叫clear了,直接叫zoom-fix更好一點?

zoom這東西本來就是ie專有,且基本沒有***,其他瀏覽器一概不認,所以加不加*其實無所謂,不需要擔心未來的css會有zoom這屬性,因為縮放已經被css3 transform實現了

支援(0)

反對(0)

回覆引用

#4樓2011-05-27 13:09 code_flyer

呵呵,這種技術很普遍的,**於國外的clearfix 技術。

支援(0)

反對(0)

回覆引用

#5樓2011-05-27 13:20 yonghu86

值得推薦。

支援(0)

反對(0)

回覆引用

#6樓2011-05-27 14:51 jiyp

:after偽類ie7也支援,請博主修正。另外問個問題:zoom:1 ,可以清理ie6的浮動麼?我試了一下,怎麼不好使呢

支援(0)

反對(0)

回覆引用

#7樓[樓主] 2011-05-27 15:03 bennychia

zoom:1不是用來清除浮動的,它是配合上面的:after來讓ie6和7找到容器自身高度的

支援(0)

反對(0)

回覆引用

#8樓2011-05-27 20:19 gray zhang

支援(0)

反對(0)

回覆引用

#9樓2011-05-28 10:22 jiyp

支援(0)

反對(0)

回覆引用

#10樓

2011-05-28 11:26 loveyuki

一直用 .clear

支援(0)

反對(0)

回覆引用

#11樓

2011-06-02 10:27 632611768

學習了,哈哈..

支援(0)

反對(0)

回覆引用

#12樓

2011-06-02 10:56 gray zhang

支援(0)

反對(0)

回覆引用

#13樓

2011-06-02 13:14 lecaf

我覺的overflow:hidden最好也加上,比較ie6的最小高度bug

支援(0)

反對(0)

回覆引用

#14樓

2012-12-24 15:43 semanwmj

zoom:1有用嗎?我怎麼感覺加和不加一樣啊

支援(0)

反對(0)

回覆引用

#15樓

[樓主] 2012-12-24 16:03 bennychia

支援(0)

反對(0)

回覆引用

#16樓

2012-12-24 16:34 semanwmj

支援(0)

反對(0)

清除浮動float的兩種常用方法

一 原頁面布局 1 html 2 css樣式 box left right bottom 3 頁面顯示效果 二 為了使class為bottom的div正常顯示在父級div的底部,需要新增屬性clear both 1 清除浮動的第一種方法 直接給class為bottom的div新增clear box ...

清除浮動最簡單的兩種方式

總結一下,使用float的話,需要清除浮動的兩種簡單方式 1.通過偽元素 測試1測試2 測試3123 通過偽元素是自我感覺質量比較高的清除浮動的一種方式,因為不再向dom中新增元素 其是通過sass和less開發中,清除浮動在重複性使用中會變得格外輕鬆 clearfix after box7編譯後結...

css清除浮動的種方式

我們在使用float浮動進行布局的時候知道一般需要給浮動的塊元素加上乙個父級元素,這樣元素浮動時才可以在父元素內部按照我們需要的方式進行布局,但是有乙個問題是如果父元素沒有給定高度的話當內部元素進行浮動之後父元素的高度就會是0,這是因為浮動的元素是處於標準流之外的。若是在一開始給定父元素乙個高度的話...