!important min-height-优快云博客

本文探讨了IE6浏览器对CSS中!important属性的支持情况，并通过实例对比了与其他标准浏览器的不同表现。此外，还介绍了一种利用!important和min-height实现内容自动伸缩的方法。

!important和min-height这两个属性IE6都不支持。

但可以利用他们来达到在标准浏览器下，固定高度的容器当内容过多时，自动伸缩。

直接上代码。

div { height:auto!important; height:200px; min-height:200px; }

/**************修改**************/

今天才知道，原来我以往对important的认识是错的，IE6不是不认识important，而只是对important的处理上存在BUG。

假设html的结构如下：

<div id="test" style="background:red"></div>

我们给他一个CSS如下：

#test{
        width:300px;
        height:300px;
        background:#ccc !important;
}

如果说IE6不认识important的话，那么，结果应该是红色，但事实显示出来的结果是#ccc。

再看下面例子：

<style type="text/css">
    #test{
        width:300px;
        height:300px;
        background:#ccc !important;
        background:red;
}
</style>
</head>
<body>
    <div id="test"></div>
</body>

如果IE6对important的支持跟其他标准浏览器一样的话，那理论上这个应该显示#ccc。但IE6显示为红色，也就是说，在IE6里，在important后面的相同属性，会覆盖important。

所以，不是IE6不认识important，而是支持上的不足。

转载于:https://www.cnblogs.com/littledu/archive/2011/04/17/2018703.html