今天突然有兴趣研究一下javascript中scrollWidth,clientWidth,offsetWidth等的区别,但在firefox与IE中测试却发现了很大差距.在网上搜索了一下,发现大部分都是转载的同一篇文章,而这篇文章还是2007年的,当时firefox才1.0,IE5还活在世上….所以我觉得我现在有必要重写一篇文章了.

CSS代码

*{margin:0;padding:0;}
#wrap{width:480px;height:300px;background:#eee;padding:5px;border:5px solid #f00;margin-left:20px;overflow:auto;display:block;}

这段CSS代码中定义了元素的width,padding,margin,border,可以全面地测试这些属性与scrollWidth,clientWidth,offsetWidth之间的关系.继续阅读