首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

关于clientWidth、offsetWidth、clientHeight、offsetHeight的测试比较

Posted on 2010-09-09 11:32  达奇  阅读(189)  评论(0)    收藏  举报

IE6.0、FF1.06+:
clientWidth = width + padding = 300+10×2 = 320
clientHeight = height + padding = 200+10×2 = 220
offsetWidth = width + padding + border = 300+10×2+10×2= 340
offsetHeight = height + padding + border = 200+10×2+10×2 = 240

IE5.0/5.5:
clientWidth = width - border = 300-10×2 = 280
clientHeight = height - border = 200-10×2 = 180
offsetWidth = width = 300
offsetHeight = height = 200