DIV的高度自动拉伸（height属性）在IE 7下无效和解决方法

 #mainbody{

 ..
 min-height:400px;
 *min-height:400px;

 height:auto;
 *height:400px;
 }

以上CSS在IE 6.0，FireFox下可以实现Div高度根据内容自动拉伸，IE6下当Div高度大于400px时，Div会自动拉伸。

但在IE7下却无法实，其原因就是*height:400px;在IE7下不在自动拉伸，而是变为固定高度，那么当Div内部嵌套内容高于400px时，就会被截断。

目前IE 7可以正确支持!important（FireFox同样也支持），故修改如下，其书写顺序以firefox的写在前面，IE7的写在中间，IE6的写在最后面。

#mainbody{

 ..

 height:auto!important; /* IE7+FF 这句必须写在前面*/
 min-height:400px;
 *height:400px; /*IE6*/

 }

 

相关联接：

http://blog.csdn.net/able123521/archive/2008/01/14/2043674.aspx

http://blog.yi521.com/u/26/2008923124047.html

 

相关联接：

http://blog.csdn.net/able123521/archive/2008/01/14/2043674.aspx

http://blog.yi521.com/u/26/2008923124047.html

 

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/simonhe1973/archive/2008/10/21/3116335.aspx