zoukankan      html  css  js  c++  java
  • minheight最小高度的实现(兼容IE6、IE7、FF)

    兼容IE6、IE7、FF浏览器的min-height写法:

    mrjin {
        background:#ccc;
        min-height:100px;    /*高度最小值设置为:100px*/
        height:auto !important; /*兼容FF,IE7也支持 !important标签*/
        height:100px; /*兼容ie6*/
        overflow:visible;
    }

    解释:

    1、由于IE6对!important的解释存在bug,所以它只识别height:100px这一句,超过100px后,IE6自身会增加盒子的高度(如果内容超过元素的高度,那么IE6是会自动增加元素的高度);

    2、IE7和其他标准浏览器三句都能识别,虽然定义height:100px,但我们又有了height:auto !important,所以超过100px也能自动增加盒子的高度。

    CSS hack 解决方法

    .divcss5 {min-height:500px;_height:500px;overflow: visible;}

    注意:一定注意顺序,前者IE7及以上所有IE、火狐、谷歌都支持,后者只有IE6支持辨认,正好利用了此CSS HACK和CSS读取先后顺序来解决此问题。

  • 相关阅读:
    bootstrap
    bootstrap
    IDEA 配置maven
    jQuery
    jQuery
    jQuery
    jQuery
    Jquery
    【k8s】Pod-metadata
    【k8s】terminationMessagePolicy
  • 原文地址:https://www.cnblogs.com/peng14/p/3048864.html
Copyright © 2011-2022 走看看