!important minheight

!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{
        300px;
        height:300px;
        background:#ccc !important;
}

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

再看下面例子:

<style type="text/css">
    #test{
        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/p/2018703.html