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