div的样式如下：
width:300px;
height:200px;
padding:10px;
border:10px solid #ccc;
background:#eee;
font-size:12px;



则：

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

边框属性(border)用来设定一个元素的边线。

边距属性(margin)是用来设置一个元素所占空间的边缘到相邻元素之间的距离。

间隙属性(padding)是用来设置元素内容到元素边界的距离。

这三个属性都属于CSS中box类型的属性。

下面这个示意图，很形象地体现了三者之间的区别。

这里提供一张盒模型的3D示意图，希望便于你的理解和记忆。