HTML元素的宽度计算

1.HTML块级元素的宽度/高度是不包括margin，border，padding的.

如图所示:



注意：文本有个line-height属性,如果不把这个值设为0，则文本与上边距会大line-height个像素.

2.JS中的offsetWidth是包括border在内的.

var oDiv=document.getElementById('div1');
alert("offsetWidth="+oDiv.offsetWidth);
alert("width="+getComputedStyle(oDiv,null).width);

如图:





3.在JS中设置width的时候一定要注意加上’px’

oDiv.style.width = 500+'px';