国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網(wǎng)站 > 建站經(jīng)驗 > 正文

在IE6-的標(biāo)準(zhǔn)模式下和quirk模式下實現(xiàn)min-width

2019-11-02 17:01:10
字體:
供稿:網(wǎng)友

源碼:

觸發(fā)并利用IE6-layout的怪異特性,css實現(xiàn):

復(fù)制代碼 代碼如下:

<style type="text/css">

.ie6-out{

       _margin-left:900px;

       _zoom:1;

}

.ie6-in{

       _position:relative;

       _float:left;

       _margin-left:-900px;

}

#min-width{

       min-width:900px;

       background:#ccc;

       line-height:200px;

       _zoom:1;

}

</style>

<div class="ie6-out">

  <div class="ie6-in">

    <div id="min-width">ie6-下,容器實現(xiàn)模擬min-width效果。請任意改變?yōu)g覽器窗口大小,再點擊按鈕“查看寬度”。</div>

  </div>

</div>

css實現(xiàn)演示:

運(yùn)行代碼框


[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

CSS Expression

――相信許多人在用這個方法實現(xiàn)容器最小寬度時都時常會被莫名其妙的死機(jī)所困擾,最后往往無果而終。

這里特別需要指出的是兩點:

1. IE6-的標(biāo)準(zhǔn)模式下和quirk模式下代表視口的元素是不一樣的,前者為<html>,后者則為<body>;

2. IE6-在以上兩種不同的模式下,其對包含內(nèi)容溢出時的不同表現(xiàn)形式,從而導(dǎo)致了賦值判斷上的死循環(huán)。解釋起來有些