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

這些方法我最喜歡就是 " /> 男女啪啪网站,国产精品人人爽人人做,videost极度另类

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

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

無意中看到的一個非常不錯的小技巧.是關(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)系我們修改或刪除,多謝。

主站蜘蛛池模板: 天天弄天天干 | 亚洲天堂一区二区 | 亚洲视频二区 | 91国视频在线 | 最近中文字幕无吗免费视频 | 四虎永久在线精品免费影视 | 天天干天天干天天干 | 91麻豆文化传媒有限公司 | 国产精品久久久久久福利69堂 | 一区二区美女视频 | 国内自拍经典三级在线 | 九九99在线视频 | 日韩永久免费进入2015 | 国产91精品久久久久久久 | 色亚洲视频| 久99久精品免费视频热77 | 国内不卡一二三四区 | 日本欧美一区二区三区视频麻豆 | 欧美成人观看 | 精品在线观看免费 | 亚洲国产精品久久久天堂麻豆 | 九九99国产精品视频 | 亚洲精品高清视频 | 亚洲欧美一区二区三区国产精品 | 欧亚激情偷乱人伦小说视频 | 男女精品视频 | 99精品视频在线观看re | 亚洲一区日韩一区欧美一区a | 伊人五月婷婷 | 国产成人一区免费观看 | 亚洲一区小说区中文字幕 | 亚洲国产精品久久久久网站 | 韩国亚洲伊人久久综合影院 | 色www精品视频在线观看 | 国产午夜视频 | 天天色天天 | 在线亚洲小视频 | 97香蕉超级碰碰碰久久兔费 | 色婷婷精品免费视频 | 精品一区二区三区高清免费观看 | 国产欧美一区二区三区在线看 |