论坛风格切换切换到宽版
  • 3664阅读
  • 0回复

DIV的高度自动拉伸(height属性)在IE 7下无效和解决方法 [复制链接]

上一主题 下一主题
离线萝卜缨子
 
发帖
112
C币
-14
威望
109
贡献值
17
银元
4
铜钱
625
人人网人气币
0
只看楼主 倒序阅读 使用道具 楼主  发表于: 2010-01-04
#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*/
评价一下你浏览此帖子的感受

精彩

感动

搞笑

开心

愤怒

无聊

灌水
开心就好
快速回复
限100 字节
如果您提交过一次失败了,可以用”恢复数据”来恢复帖子内容
 
上一个 下一个