亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > CSS > 正文

CSS浮動定位:引起文本重影的怪異問題

2024-07-11 09:03:34
字體:
來源:轉載
供稿:網友

武林網(www.49028c.com)文章簡介:事物絕非十全十美總有強差人意的一面,之前針對浮動分析了其引起文本重影的怪異問題,而作為浮動布局的最佳搭檔定位布局也存在一定的缺陷。

事物絕非十全十美總有強差人意的一面,之前針對浮動分析了其引起文本重影的怪異問題,而作為浮動布局的最佳搭檔定位布局也存在一定的缺陷。

圍繞著定位列出的種種問題,對某些情況只是作出了分析而暫時沒有找到有解決方案,但既然知道問題所在,我們可以盡可能的采取其它措施避免這現象。

  • position:relative;屬性值導致overflow:hidden;失效。

     

    問題:在IE6/7中子級設置position:relative;屬性值后,導致父級的overflow:hidden;失效。Demo1

    CSS浮動定位:引起文本重影的怪異問題

    分析:與定位的層級關系有關,IE6/7解析為內容已經跳出文檔流,以致父級誤以為沒有包含內容。

    解決方案:
    對于IE6可以為父級添加定位屬性糾正問題,但IE7依然無效。

  • overflow充當了position:relative的角色

     

    問題:在IE6或IE quirks模式中設定overflow:auto/hidden/scroll屬性值后,元素顯示效果相當于position:relative的相對定位效果。
    Demo2

    CSS浮動定位:引起文本重影的怪異問題

    分析:在怪異模式與標準模式下的頁面對CSS的解析會有一定的差異甚至是扭曲了其屬性的作用,對這現象暫時還沒有沖破的能力,也只能記錄與回避了。

  • 沒有實渲染導致絕對定位的錯誤

     

    問題:在IE6中,子級元素絕對定位于父級元素時,當動態改變父級寬高時,子級位置沒有發生變化。Demo3

    CSS浮動定位:引起文本重影的怪異問題

    分析:估計是動態改變父級寬度時,IE6并沒有實時對瀏覽器渲染。暫時沒有CSS能解決這問題,但可嘗試使用JS對改變改模塊高度進行刷新解決這問題。

  • IE6中position:relative;屬性值無效

     

    問題:在IE6及以下版本,父級元素已設置position:relative;屬性值,但子級絕對定位元素沒有生效。Demo4

    CSS浮動定位:引起文本重影的怪異問題

    分析:原因在于父級元素沒有觸發haslayout(相關資料請搜索On having layout),IE7及以上的高級瀏覽器則不存在這問題。

    解決方案:
    在父級元素中添加讓其觸發haslayout的CSS屬性值。

  • 奇數引起定位的1pxBUG

     

    問題:在IE6及以下版本,父級元素寬度高度為奇數時,子級元素絕對定位于(right:0;bottom:0;),會出現往內偏移1px的錯誤。Demo5

    CSS浮動定位:引起文本重影的怪異問題

    分析:其真正原因還得問IE6的開發者了。但從例子中可以觀察到左上角的子級元素顯示正常,其原因為“盒子”拉伸擴展為上至下左至右,估計于此以至靠左邊或頂部的位置不會發生移動的變化。

  • 發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
    亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
    91精品国产综合久久久久久久久| 九九热精品视频在线播放| 大伊人狠狠躁夜夜躁av一区| 欧美日韩在线观看视频小说| 91免费精品国偷自产在线| 亚洲一区二区福利| 欧美精品videosex性欧美| 国产乱肥老妇国产一区二| 久久精品免费电影| 亚洲欧美国产精品久久久久久久| 亚洲成人黄色网址| 国产精品丝袜白浆摸在线| 国产精自产拍久久久久久蜜| 亚洲成在人线av| 久久久久久伊人| 91沈先生作品| 色www亚洲国产张柏芝| 91精品久久久久久久久久| 国产精品一香蕉国产线看观看| 日韩在线观看免费高清完整版| 欧美在线免费观看| 亚洲精品电影在线| 亚洲精品久久久久中文字幕二区| 97视频色精品| 精品偷拍一区二区三区在线看| 91在线视频免费| 日韩欧美综合在线视频| 亚洲一区二区久久久| 亚洲精品国产电影| 国产在线精品播放| 亚洲精品永久免费精品| 国产一区二区三区欧美| 伊人亚洲福利一区二区三区| 色婷婷亚洲mv天堂mv在影片| 久久视频精品在线| 在线看片第一页欧美| 欧美日韩成人黄色| 国产日韩欧美中文在线播放| 国产成人av在线播放| 热99精品里视频精品| 国产热re99久久6国产精品| 国产亚洲一区二区精品| 日韩二区三区在线| 亚洲国产精品福利| 欧美精品一本久久男人的天堂| 精品少妇一区二区30p| 最好看的2019年中文视频| 国产成人91久久精品| 亚洲japanese制服美女| 欧美亚州一区二区三区| 91精品国产91久久久久久| 欧美日韩加勒比精品一区| 亚洲日本欧美日韩高观看| 欧美日韩一区二区精品| 国产精品成人国产乱一区| 欧美成人黄色小视频| 亚洲精品美女在线观看| 欧美性在线视频| 欧美视频在线免费| 97超碰蝌蚪网人人做人人爽| 国产精品久久久久久久久久尿| 中文字幕精品影院| 亚洲成人1234| 久久精品在线视频| 91精品久久久久久久久久入口| 成人自拍性视频| 国产日韩中文在线| 亚洲国产精品福利| 精品中文字幕在线2019| 国产精品国产三级国产aⅴ9色| 中国china体内裑精亚洲片| 亚洲精品成人免费| 97久久精品人人澡人人爽缅北| 欧美国产在线电影| 国产成人鲁鲁免费视频a| 精品国产福利视频| 久久免费高清视频| 亚洲乱码国产乱码精品精天堂| 久久久99久久精品女同性| 亚洲va国产va天堂va久久| 国产精品爽黄69| 国产成人在线亚洲欧美| 国语自产精品视频在线看抢先版图片| 亚洲午夜精品视频| 日韩成人在线免费观看| 久久精品视频在线| 热99精品只有里视频精品| 亚洲国产欧美一区二区三区同亚洲| 国产亚洲激情在线| 亚洲国内精品在线| 国产精品高清免费在线观看| 久热精品在线视频| 日韩高清电影好看的电视剧电影| 日韩中文在线观看| 日韩av在线天堂网| 精品亚洲一区二区| 欧美高清不卡在线| 69国产精品成人在线播放| 中文字幕日韩精品在线观看| 欧美黑人巨大精品一区二区| 国产精品视频大全| 日韩大陆欧美高清视频区| 亚洲综合成人婷婷小说| 91久久精品久久国产性色也91| 91九色综合久久| 国产一区二区三区在线观看视频| 人妖精品videosex性欧美| 日韩av影院在线观看| 精品国产一区av| 成人免费观看49www在线观看| 久久久精品影院| 久久久久久久久91| 欧美精品18videosex性欧美| 美日韩丰满少妇在线观看| 久久国内精品一国内精品| 亚洲社区在线观看| 亚洲天天在线日亚洲洲精| 日韩精品电影网| 精品久久久久久久久久ntr影视| 久久精品久久久久| 51精品在线观看| 国产激情综合五月久久| 尤物yw午夜国产精品视频| 亚洲欧美另类在线观看| 91免费观看网站| 久久久97精品| 色综合久久88色综合天天看泰| 日韩欧美一区二区三区久久| 亚洲性线免费观看视频成熟| 亚洲国产成人精品女人久久久| 久久青草精品视频免费观看| 成人黄色免费在线观看| 2019中文字幕免费视频| 欧美激情第一页xxx| 91亚洲精品视频| 国内成人精品一区| 九色成人免费视频| 永久免费毛片在线播放不卡| 久久久久久久久久久av| 色偷偷噜噜噜亚洲男人的天堂| 中文字幕亚洲激情| 国产一区二区黄| 欧美电影免费观看高清完整| 欧美在线亚洲在线| 亚洲欧洲日韩国产| 青青在线视频一区二区三区| 91精品久久久久久久久| 久久精品国产一区二区三区| 欧美激情影音先锋| 亚洲成年人影院在线| 国产亚洲精品美女| 中文字幕日本欧美| 亚洲精品美女网站| 96pao国产成视频永久免费| 国产日韩精品电影| 亚洲综合精品一区二区| 91视频国产一区| 美女扒开尿口让男人操亚洲视频网站| 久99久在线视频| 亚洲色图35p| 91精品国产91久久久久久吃药| 欧美精品久久久久久久久| 国产一区二区三区在线看| 亚洲97在线观看|