min-height最小高度的实现（兼容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读取先后顺序来解决此问题。

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/peng14/archive/2013/04/28/3048864.html