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

首頁 > 編程 > HTML > 正文

IE6實現min-width

2024-08-26 00:08:50
字體:
來源:轉載
供稿:網友

首先我們知道這個效果應該是一個老話題了。
今天整理文件的時候,發現自己以前的一些布局的解決方法躺在文件夾里很長時間了,翻翻老底吧
需要說明的是有幸也見到過cssplay的老工程師站長對這個效果的實現,而且肯定是很早就給出來了。

閑話少說,上源碼:

觸發并利用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 全部選擇 提示:你可先修改部分代碼,再按運行]

擴展演示:

運行代碼框

[ctrl+a 全部選擇 提示:你可先修改部分代碼,再按運行]

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

這里特別需要指出的是兩點:
1. ie6-的標準模式下和quirk模式下代表視口的元素是不一樣的,前者為<html>,后者則為<body>;
2. ie6-在以上兩種不同的模式下,其對包含內容溢出時的不同表現形式,從而導致了賦值判斷上的死循環。解釋起來有些啰嗦,自己實踐一下吧。

css expression實現最小寬度源碼:

<style type="text/css">
body{ text-align:center;}
#min-width{
       min-width:900px;
       _width:expression((document.documentelement.clientwidth||document.body.clientwidth)<900?"900px":"");
       line-height:200px;
       background:#ccc;
}
</style>
<div id="min-width">ie6-下,容器實現模擬min-width效果。請任意改變瀏覽器窗口大小,再點擊按鈕“查看寬度”。</div>

演示:

運行代碼框

[ctrl+a 全部選擇 提示:你可先修改部分代碼,再按運行]

以上兩種解決方法在ie6-的標準模式下和quirk模式下都可實現,ie expression在這個應用中也未發現cpu效率問題。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 富裕县| 从江县| 仙桃市| 平塘县| 会泽县| 江达县| 视频| 朝阳市| 承德市| 高雄市| 南通市| 贺州市| 成都市| 仁寿县| 红河县| 阜南县| 澳门| 北宁市| 临海市| 商水县| 建昌县| 平遥县| 咸阳市| 神农架林区| 冀州市| 普安县| 兰坪| 安溪县| 文化| 蒲城县| 旬邑县| 丰台区| 增城市| 盐城市| 新邵县| 喜德县| 双桥区| 手游| 香河县| 天峻县| 汶上县|