www成人无码,思思热久久性爱无码,午夜不卡在线看,亚洲六月婷

Web前端知識

首頁 > 免費(fèi) > Web前端知識 >

關(guān)于overflow的小知識!

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

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

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

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

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

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

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

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

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

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

網(wǎng)絡(luò)營銷推廣 . 北京匯仁智杰科技有限公司!

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

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗(yàn)
  • 有網(wǎng)站建站隊(duì)伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗(yàn)
  • 致力于營銷型網(wǎng)站建設(shè)
  • 始終堅(jiān)持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號:京ICP備15021091號-1 版權(quán)所有:匯仁智杰

免费亚洲中文| 中文在线一区二区| 无码 国产 不卡| 精品68AV人妻无码一区二区| 亚洲精品无码久久久久av老牛 | 亚洲无码202| 五月丁香色色欧美| 人人狠狠| 亚洲精品国自产在线| 性猛交╳XXX乱大交| 蜜芽亚洲av无码精品国产午夜| 精品久久香蕉国产线看观看| 日韩AV色综合网| 欧洲综合小说视频| 国产黄频在线观看| AV电影播放网址| 高清不卡毛片免费观看| 国产美女在线91| 亚洲无码高清一区二区| 欧盖久久久一区③少妇| 亚洲日本天堂123区| 人妻丰满熟妇av无码区 | 亚洲久热| 开心网官方首页| 日韩电影免费在线观看中文字幕 | 五月婷婷网站| 97熟女真实| 欧美国产激情18| 精品欧洲久久久久99| 亚洲一区二区国产日韩| 中文字幕精品三区无码| 国产乱亚洲精品无玛| 欧美国产综合视频| 国产不卡AV在线| 午夜伦乱在线| 久久久久久成人毛片免费看| 欧美熟女久久久| 色五月类似网站| 青春草在线视频免费观看| V天堂韩国在线| 日本大奶乳久久|