IE6不支持min-height的解决办法

方法A:

height:auto!important;
height:500px;  
min-height:500px; 

这3句代码就让IE6也有了高度min-height的效果

 

方法B:

#test
{ min-height:100px; 
  _height:100px; 
  overflow: visible; 
}

说明:

min-height:100px;这一句在ie7和FF已经可以正常显示了。。
_height:100px这一句在ie6,ie5测试显示正常。但不能过W3C验证:L
overflow:visible;这一句为了注明#test当内容超过100px时就自动延长。

注意:你必须保证#test以外的都要是overflow:visible,否则还是不会显示超出。

 

 ----------上面摘自http://xzl52199.blog.163.com/blog/static/95206446201182723544747/并整理---------------

 

PS:关于方法A 的理解

①添加 height:auto!important;是因为内容超出不会自动扩大div。

【注:当我们不对DIV设置固定高度或不设置CSS高度样式,其DIV盒子默认是自适应高度。】

摘自http://www.divcss5.com/jiqiao/j499.shtml

 

②在其他网站有看到这样的实现:

*height:auto!important;
*height:500px;  
min-height:500px;

 是一个意思。*被IE6 IE7识别,为了IE7超出扩大而加*height:auto!important;

 

③而只使用下面2句了就可以实现

_height: 150px;
min-height: 150px;

IE6 识别_height,内容超出时,自动扩大。而IE7识别min-height。

 

posted @ 2014-01-14 16:38  fjenny_贞  阅读(169)  评论(0)    收藏  举报