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

這些方法我最喜歡就是 " /> 成人h在线观看,在线观看黄的网站,性欧洲精品videos'

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

閉合浮動(dòng)元素超級(jí)簡單的方法

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

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

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

原理是這樣的,外圍元素之所以不能很好的延伸,問題出在了overflow上,因?yàn)閛verflow不可見。見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)在只要將給外圍元素添加一個(gè)overflow:auto;就可以解決問題,結(jié)果是除了IE,真的可以解決。下來就要解決ie的問題了,再加上_height:1%; ,這個(gè)問題就完全解決了。

下面是我做的三個(gè)例子作為比較

1.沒有閉合浮動(dòng)元素
2.非IE下閉合浮動(dòng)元素
3.完全閉合元素

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

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

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

主站蜘蛛池模板: 免费成人在线观看 | 一级做a爰片久久毛片毛片 一级做a爰片久久毛片美女 | 国产福利一区二区 | 久久久精品久久久久久久久久久 | 亚洲午夜色 | 看全色黄大色大片免费久久怂 | 4338×亚洲全国最大色成网站 | 91精品啪国产在线观看免费牛牛 | 日本高清色www | 亚洲五月激情综合图片区 | 国产大片视频免费观看 | 91久久国产综合精品 | 国产综合色精品一区二区三区 | 国产资源网站 | 国产资源视频在线观看 | a毛片全部播放免费视频完整18 | 国产亚洲一区二区三区啪 | 韩国一大片a毛片 | 亚洲欧美精品 | 欧美成人综合在线 | 伊人色网站 | 免费一级乱子伦片 | 色老板免费视频 | 亚洲精品亚洲人成毛片不卡 | 精品久久久中文字幕 | 国产亚洲高清在线精品99 | 久久青草免费91线频观看站街 | 国产精品亚洲欧美日韩久久 | 69免费在线视频 | 国产丝袜美腿高跟白浆 | 欧美日韩国产另类一区二区三区 | 国产香蕉久久精品综合网 | 1000部精品久久久久久久久 | 亚洲综合一区二区三区四区 | 亚洲成a人一区二区三区 | 亚洲人成人 | 日韩特黄 | 九九视频免费精品视频免费 | 国产高清91 | 在线观看日本亚洲一区 | 青青草色久综合网 |