麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網站 > 建站經驗 > 正文

在IE6-的標準模式下和quirk模式下實現min-width

2019-11-02 17:01:10
字體:
來源:轉載
供稿:網友

源碼:

觸發并利用IE6-layout的怪異特性,css實現:

復制代碼 代碼如下:

<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-下,容器實現模擬min-width效果。請任意改變瀏覽器窗口大小,再點擊按鈕“查看寬度”。</div>

  </div>

</div>

css實現演示:

運行代碼框


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

CSS Expression

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

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

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

2. IE6-在以上兩種不同的模式下,其對包含內容溢出時的不同表現形式,從而導致了賦值判斷上的死循環。解釋起來有些