本文測(cè)試的是offsetHeight，獲取網(wǎng)頁中某元素的高度，單位是像素，獲取的類型是整型，可以進(jìn)行數(shù)字運(yùn)算。
如圖，網(wǎng)頁中的元素本身的高度包括，自身的內(nèi)容+padding+border,而margin是元素對(duì)外面的距離，所以不屬于元素本身的高度。

如圖，設(shè)置一個(gè)div，取名叫D1，D1的上下左右padding各50px，上下左右margin各11px;上下左右border各10px;
最后的結(jié)果是：
offsetTop:11px，也就是margin的top值。進(jìn)入瀏覽器的開發(fā)者模式，個(gè)人用的是qq瀏覽器極速模式，發(fā)現(xiàn)div在設(shè)置的頂邊距包括了body的margin。
offsetLeft：19px，該div的左邊margin設(shè)置的是11px，進(jìn)入瀏覽器的開發(fā)者模式，可以看到body也有margin,是8px，所以該div距離瀏覽器左邊的距離是body的margin+div自身的margin=8px+11px=19px。
offsetWidth：因?yàn)閐iv本身不設(shè)寬度，所以是寬度自適應(yīng)，隨著瀏覽器窗口的大小而改變。內(nèi)容寬度1150px+上下padding50px+50px+上下border10px+10px=1270px。
offsetHeight:div本身的上下border+上下pddding+div里內(nèi)容本身的高度，由于本身沒給div設(shè)置高度樣式，所以高度和內(nèi)容有關(guān)，目前里面是一句話，內(nèi)容高度為42px。
10px+10px(上下border)+50px+50px(上下paddding)+42px（內(nèi)容本身高度）=162px。
在IE中也測(cè)試了下，不同的是height，因?yàn)椴煌瑸g覽器的默認(rèn)字體默認(rèn)字體大小等不同等，導(dǎo)致內(nèi)容高度不同，因此offsetHeight也不同。

也就是offsetTop,offsetLeft是元素距離瀏覽器的邊距，和元素本身的margin和外面的其他的margin有關(guān)。
offsetWidth、offsetHeight是元素本身的border、padding、內(nèi)容的合計(jì)值，也就是整個(gè)元素本身的寬高。

測(cè)試代碼：

 圖示：