關(guān)于閉合浮動元素(clearing float)的方法現(xiàn)在已經(jīng)很多了,你還不了解的話去old9的blog看看,有一篇閉合浮動元素。

這些方法我最喜歡就是 " /> 91麻豆精品国产91久久久资源速度,日韩av在线免费电影,91久久精品国产91久久性色tv

中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

閉合浮動元素超級簡單的方法

無意中看到的一個非常不錯的小技巧.是關(guān)于用CSS處理閉合浮動元素的方法,收藏了.

關(guān)于閉合浮動元素(clearing float)的方法現(xiàn)在已經(jīng)很多了,你還不了解的話去old9的blog看看,有一篇閉合浮動元素。

這些方法我最喜歡就是 使用:after 偽類動態(tài)的嵌入一個用于清除浮動的元素,可惜代碼量太大了,看著不夠簡潔。現(xiàn)在我看到有個方法超級簡單。趕緊介紹一下。原文在:http://annevankesteren.nl/2005/03/clearing-floats

原理是這樣的,外圍元素之所以不能很好的延伸,問題出在了overflow上,因為overflow不可見。見W3C的解釋
引用內(nèi)容:In addition, if the element has any floating descendants whose bottom margin edge is below the bottom, then the height is increased to include those edges. Only floats that are children of the element itself or of descendants in the normal flow are taken into account, e.g., floats inside absolutely positioned descendants or other floats are not.
現(xiàn)在只要將給外圍元素添加一個overflow:auto;就可以解決問題,結(jié)果是除了IE,真的可以解決。下來就要解決ie的問題了,再加上_height:1%; ,這個問題就完全解決了。

下面是我做的三個例子作為比較

1.沒有閉合浮動元素
2.非IE下閉合浮動元素
3.完全閉合元素

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

HTML/CSS技術(shù)閉合浮動元素超級簡單的方法,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 精品视频一区二区三区在线观看 | 亚洲天堂中文字幕 | 亚洲欧美第一视频 | 在线欧美视频 | 天天看逼| 久久久成人一区二区免费影院 | 午夜小电影 | 亚洲成人av一区二区 | 性一交一乱一透一a级 | www.日本在线 | 欧美激情在线精品一区二区三区 | 色欧美综合 | 日日操日日舔 | 国产分类视频 | 中文字幕亚洲欧美日韩在线不卡 | 亚洲成年人免费网站 | 欧美一级片在线观看 | 一区二区三区国产 | 99免费在线视频 | 色屁屁在线观看 | 午夜网| 台湾a级理论片在线观看 | 狠狠干天天干 | av在线免费看网址 | 成人免费视频在线观看 | 日韩av啪啪网站大全免费观看 | 高清成人免费视频 | 午夜激情免费 | 国产在线视频在线观看 | 欧美日韩一区二区三区视频 | 国产精品视频一区二区三 | 日韩成人免费在线视频 | 欧美日韩精品一区二区 | 中文字幕在线观看视频网站 | 国产一区日韩在线 | 高清国产午夜精品久久久久久 | 日韩第一区 | 91久久久www播放日本观看 | 国产精品一区二 | 欧美日韩国产中文字幕 | 精品国产一级 |