_步尘
var div = document.getElementById('two');
//clientHeight和clientWidth用于描述元素内尺寸，是指 元素内容+内边距 大小，不包括边框（IE下实际包括）、 //外边距、滚动条部分
var clientHeight = div.clientHeight;
var clientWidth = div.clientWidth;
div.innerHTML += '<br/>'+'元素内容+内边距(高): ' + clientHeight + '<br/>';
div.innerHTML += '元素内容+内边距(宽): ' + clientWidth + '<br/>';
//clientTop和clientLeft返回内边距的边缘和边框的外边缘之间的水平和垂直距离，也就是左，上边框宽度
var clientLeft = div.clientLeft;
var clientTop = div.clientTop;
div.innerHTML += '边框宽度(左): ' + clientLeft + '<br/>';
div.innerHTML += '边框宽度(上): ' + clientTop + '<br/>';
//offsetHeight和offsetWidth用于描述元素外尺寸，是指 元素内容+内边距+边框，不包括外边距和滚动条部分
var offsetHeight = div.offsetHeight;
var offsetWidth = div.offsetWidth;
div.innerHTML += '元素内容+内边距+边框(高): ' + offsetHeight + '<br/>';
div.innerHTML += '元素内容+内边距+边框(宽): ' + offsetWidth + '<br/>';
//offsetTop和offsetLeft表示该元素的左上角（边框外边缘）与已定位的父容器（offsetParent对象）左上角的距/ //离
var offsetLeft = div.offsetLeft;
var offsetTop = div.offsetTop;
div.innerHTML += '外边距(左): ' + offsetLeft + '<br/>';
div.innerHTML += '外边距(上): ' + offsetTop + '<br/>';
//offsetParent对象是指元素最近的定位（relative,absolute）祖先元素，递归上溯，如果没有祖先元素是定位的/ //话，会返回null
var offsetParent = div.offsetParent;
div.innerHTML += '父级元素ID: ' + offsetParent.id + '<br/>';
//scrollLeft和scrollTop是指元素滚动条位置，它们是可写的