最小高度的兼容方法

Posted 2021-02-28 cupid10

在我们正常的项目开发中，最小高度直接用min-height即可！
如果考虑兼容的话，iE6不兼容。 IE6默认把height解析成最小高度，如果height 和 min-height同是出现，IE6执行height固定高度！
那么我们如何进行设置：
第一种方法：min-height:300px; _height:300px;

第二种方法：min-height:300px; height:auto!important; height:300px;

    a: 高版本浏览器解析顺序：
            min-height能识别，也能识别！important 
            并且height:auto;权重最高
            所以height:auto 就能把后写的height:300px覆盖。
    b:IE6解析流程：
            min-height不能识别，也不能识别！important  后写的height:300px;能把height:auto覆盖