四虎永久精品免费观看-四虎影在线永久免费观看-四虎影院最新网址-四虎影院最新网站-国内大片在线免费看-国内成人自拍视频

Web前端知識

首頁 > 免費 > Web前端知識 >

關于overflow的小知識!

來源:北京匯仁智杰科技有限公司   時間:2015-11-02   點擊:

  打開template.css閱讀第一行時,震驚了,第一眼居然沒看懂。。。。。。以下就是OOCSS下的template.css第一行代碼:

  1.body{overflow:hidden; _overflow:visible; _zoom:1;}

  2.main{overflow:hidden; _overflow:visible; _zoom:1;}

  短短三個屬性竟然包含了浮動、浮動清除、Haslayout、IE6兼容性、最小高度不同瀏覽器下實現、瀏覽器Hack、overflow的各種用途等等一系列的問題及知識點。

  接下來分析這行代碼里面各個屬性真正的意義:

  1.overflow:hidden寫在應用在包裹元素上的.body和.main,其目的是利用其清除浮動的特性而非隱藏內部元素特性。

  2.為了兼容性要觸發IE6/7的hasLayout。這里運用overflow:hidden的特性以最小的代價在IE7下清除浮動效果同時并觸發hasLayout,一舉二得。IE6用的是專有Hack和zoom屬性(_zoom:1)來觸發hasLayout。

  3.既然我們使用overflow:hidden是為了清除浮動,所以我們絕對不能讓元素有高度屬性。而實際工作中,往往要求必要的基本高度來達到合理的布局要求,那么這個時候需要使用最小高度min-height,根據前面的知識我們得知IE6實現最小高度的方法是用height實現,而我們的overflow:hidden為了清除浮動大局觀是不允許出現固定高度的,使用了hidden再添加了height,那么overflow的特性則發生轉變,變成了隱藏溢出的功能。這里次利用IE6下的overflow:visible的bug,讓IE6下的父元素自動撐開,達到了所謂的清除浮動的目的,可以說的上是歪打正著,于是乎,產生了_overflow:visible的寫法。

  短短的一行代碼,總結下來也不過是上面短短的幾句話,但是其一系列的知識點串聯往往發現還有很長的一段路要走,希望這篇文章能夠帶給你些許的啟示!

網絡營銷推廣 . 北京匯仁智杰科技有限公司!

地址:北京市昌平區回龍觀龍冠大廈5層
咨詢:15201492965
業務QQ:373002979
E - mail:sales @ huirenzhijie.com
企業網站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網絡推廣經驗
  • 有網站建站隊伍
  • 有大型網站建設經驗
  • 致力于營銷型網站建設
  • 始終堅持技術和服務同樣重要
查看PC版網站
備案號:京ICP備15021091號-1 版權所有:匯仁智杰

主站蜘蛛池模板: 亚洲国产AV精品卡一卡二| 这里只有精品网| 久久精品国产色蜜蜜麻豆国语版| 天天搞天天操| 亚洲精品国产SUV| 乳女教师欲乱动漫无修版动画| 国产成人小视频| 久久中文字幕无码A片不卡| 亚洲一区免费看| 欧美男男网站免费观看videos| av在线观看地址| 一级一级一片免费| 3D漫画H精品啪啪无码| 中文字幕福利视频| 日韩不卡一二三区| 中文字幕专区高清在线观看| 在线91精品国产免费| 大香伊人久久精品一区二区| 最新亚洲一区二区三区四区| 亚洲视频色图| 色橹橹高清视频在线播放| 亚洲精品乱码久久久久久中文字幕| 色片免费看| 一级大学生日嘛批| 放射源分类办法| 欲色淫香| 杨幂国产精品福利在线观看| 欧美一级片在线| 13小箩利洗澡无码视频APP| 色www视频永久免费| 国产一区精选播放022| 严选漫画页面免费漫画破解版| 日本a在线视频| 青娱乐在线免费观看视频| 五月婷婷精品| 亚洲成人黄色网址| 美女脱得只剩皮肤| 甜宠高h道具各种play| 亚洲另类图区| 中文亚洲字幕| 尤物视频在线观看免费视频|