IE7 高度的问题

装了IE7.0,但是发现在IE6中显示正常的文字基本都出现了重叠.检查出问题,IE7不支持DIV的高度自动延伸,所以一旦文字过多，超过DIV定义的高度,就会出现DIV的重叠,看上去是文字的堆叠.

找了很多地方，找不到原因,只有按实际高度去定义相应的DIV的高度,但是这个方法太不方便,动态的数据文本信息过多,一样出现类似问题,郁闷

终于花了工夫，找到了原因:在ie6中div的高度可以自动增加，但是ie7中却不可以

具体的办法是使用 e­xpression 实现动态属性设置:
height: e­xpression(this.style.height>=this.scrollHeight?'176px':this.scrollHeight+'px');

以上代码解释是超过了176px就自动延伸,否则定义为176px.


上面是最小高度的问题，看了孟子的文章，找到了解决方案（http://blog.csdn.net/net_lover/archive/2006/08/25/1116488.aspx）

在 HTML 上添加 style="height:100%"

即可。