摘要：
Width、height、margin、padding、border1。通过标签样式获得的结果是属性值具有px单位窗口。getComputedStyle（oDiv）。身高2.其他方法offsetHeight offsetWidth width/height+padding+borderclientHeight clientWidth height/width+paddingclientLeft clientTop left/top
宽度，高度，margin，padding，border
1.可以通过标签样式来获取
获取到的结果是属性值有px单位
window.getComputedStyle(oDiv).height
2.其他方式
offsetHeight offsetWidth
宽/高+padding+border
clientHeight clientWidth
高/宽+padding
clientLeft clientTop
左/上border
offSetLeft offSetTop
左/上margin
如果设定了 box-sizing: border-box;
边框线,margin的数据是不受影响的
clientHeight clientWidth
高/宽 + padding —> width/height - border
实际就是 定义 width/height - border
offsetHeight offsetWidth
高/宽 + padding + border —> width / height
实际就是 定义的 width / height 数值
边框线和外边距不能设定,要通过style来设定
以下语法形式的设定是没有效果的
oDiv.offsetHeight = ‘300px’; oDiv.clientHeight = ‘300px’; oDiv.clientLeft = ‘100px’; oDiv.offsetLeft = ‘100px’; style可以设定 boder 和 margin oDiv.style.borderLeft = ‘100px solid red’; oDiv.style.marginLeft = ‘100px’;