IE6实现min-width
作者：zbm2001z 来源：蓝色理想 发布时间：2008-06-12 12:40:00
首先我们知道这个效果应该是一个老话题了。
今天整理文件的时候，发现自己以前的一些布局的解决方法躺在文件夹里很长时间了，翻翻老底吧。需要说明的是有幸也见到过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实现演示：
运行代码框
扩展演示：
运行代码框
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>
演示：
运行代码框
以上两种解决方法在IE6-的标准模式下和quirk模式下都可实现，IE Expression在这个应用中也未发现CPU效率问题。
0
投稿猜你喜欢
- 原生实现jQuery的sibling方法<body><span>我是span标签</span><d
要求必备知识熟悉基本编程环境搭建。运行环境windows 7(64位);php-5.3; memcached-1.2.6下载地址环境下载什么- 1、日期大小的比较，传到xml中的日期格式要符合'yyyy-MM-dd'，这样才能走索引，如：'yyyy'改
- 前言在这篇文章中，准备用 Python 从头开始实现一个全连接的神经网络。你可能会问，为什么需要自己实现，有很多库和框架可以为我们做这件事，
- 1、什么是mixin这不是Vue的专属的，可以说是一种思想，在很多开发框架中都实现了Mixin。官方解释：mixin提供了一种非常灵活的方式
- 技术背景对于各行各业的研究人员来说，经常会面临这样的一个问题：有一篇不错的文章里面有很好的数据，但是这个数据在文章中仅以图片的形式出现。而假
- 介绍本文中探索三个流行的 Python 图像增强库。图像分类器通常在训练更多的图像时表现得更好。在图像分类模型中，一个常见的问题是，模型不能
- 最近在开发中用到了vue3的defineProps、defineEmits和defineExpose，感觉发现新大陆一般，所以利用闲碎时间对
- 本文实例讲述了Python实现获取nginx服务器ip及流量统计信息功能。分享给大家供大家参考，具体如下：#!/usr/bin/python
- 什么是注意力机制注意力机制是一个非常有效的trick，注意力机制的实现方式有许多，我们一起来学习一 * 意力机制是深度学习常用的一个小技巧，它
- 本文讲述了Python在windows下打印彩色字体的方法。分享给大家供大家参考，具体如下：########################
- 阅读上一篇：css基础教程属性篇 本篇主要介绍css对边框(border)的属性控制和链接(link)的伪类选择器.边框(border):
- 一、无组件上传的原理我还是一点一点用一个实例来说明的吧，客户端HTML如下。要浏览上传附件，我们通过<input type="
- 一、python-yml文件读写使用库 ：import yaml安装：pip install pyyaml示例：文件config2.ymlg
- pycurl是功能强大的python的url包，是用c语言写的，速度很快，比urllib和httplib都快调用方法：import pycu
- python之标准库htmlhtml库是用于解析HTML的一个工具，是python自带的标准库之一。html库位置：__init__.py文
- 本文实例讲述了python实现通过代理服务器访问远程url的方法。分享给大家供大家参考。具体如下：import urllibproxies
- 使用Keras如果要使用大规模数据集对网络进行训练，就没办法先加载进内存再从内存直接传到显存了，除了使用Sequence类以外，还可以使用迭
- 从2003年到现在，从ACCESS到SQL SERVER的使用。在ACCESS中没有存储过程的概念。在使用过程中，发现ACCESS与SQL
- 如果使用注释的方法得当的话，为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息，不过使
