zoukankan      html  css  js  c++  java
  • !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,而是支持上的不足。

  • 相关阅读:
    THUWC2020 游记
    USACO14MAR The Lazy Cow(Gold)
    luogu P3768 简单的数学题
    2017/9/22模拟赛
    2017/9/20模拟赛
    2017/9/15模拟赛
    刷屏代码·稳 from林凯
    2017/9/13模拟赛
    【9018:1368】八数码
    2017/9/10模拟赛
  • 原文地址:https://www.cnblogs.com/littledu/p/2018703.html
Copyright © 2011-2022 走看看