婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > 閉合浮動元素超級簡單的方法

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

熱門標簽:外呼系統號碼顯示 地圖標注多家店 廣州ai外呼系統業務 無錫電銷外呼系統代理 車載電話機器人 天津企業外呼系統代理商 什么行業需要電話機器人 中山外呼系統中間件 南昌crm外呼系統如何
無意中看到的一個非常不錯的小技巧.是關于用CSS處理閉合浮動元素的方法,收藏了.

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

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

原理是這樣的,外圍元素之所以不能很好的延伸,問題出在了overflow上,因為overflow不可見。見W3C的解釋
引用內容:
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.

現在只要將給外圍元素添加一個overflow:auto;就可以解決問題,結果是除了IE,真的可以解決。下來就要解決ie的問題了,再加上_height:1%; ,這個問題就完全解決了。

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

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

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執行]

標簽:欽州 泰州 攀枝花 呂梁 滄州 海西 佛山 仙桃

巨人網絡通訊聲明:本文標題《閉合浮動元素超級簡單的方法》,本文關鍵詞  閉合,浮動,元素,超級,簡單,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《閉合浮動元素超級簡單的方法》相關的同類信息!
  • 本頁收集關于閉合浮動元素超級簡單的方法的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 镇康县| 登封市| 鹤山市| 凉城县| 澜沧| 平果县| 合水县| 彝良县| 尼勒克县| 琼中| 万宁市| 隆回县| 马龙县| 钦州市| 平顺县| 德钦县| 新昌县| 乌鲁木齐县| 西林县| 田林县| 宾川县| 三江| 伊宁县| 涞水县| 汝阳县| 政和县| 博客| 长武县| 光泽县| 新巴尔虎左旗| 连江县| 上林县| 瑞安市| 兰州市| 台州市| 海宁市| 清新县| 铜梁县| 龙陵县| 永善县| 阿勒泰市|