升级到IE7.0引起的问题

本文介绍了一种在IE7浏览器中修复常见三行布局(header+content+footer)的问题。原先使用的document.body.clientHeight获取页面高度的方法出现问题,通过改用document.documentElement.offsetHeight解决了高度计算不准确导致的布局错乱。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    我们的web应用一般都是使用三行的布局header+content+footer,其中header部分当然在顶部,footer部分紧靠底部,内容部分大小正好填充满浏览器的当前高度,内容溢出后中间部分产生滚动条。正如大家周知的CSS兼容原因,只能以高js脚本实现。可是浏览器升级到IE7后,不能正常显示了,经调试发现原来document.body.clientHeight的值在IE7中变得很奇怪,使页面中第一个Div的高度,而不是原来的可用页面的高度了!不知到是不是IE7的一个Bug。经调试发现发现document.documentElement.offsetHeight可以使用,所以调整了脚本,显示恢复正常。希望对遇到同样问题的人有用。

转载于:https://www.cnblogs.com/dajianshi/archive/2007/09/27/907743.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值