介绍需要用到某个元素的高度。面试官问我clientHeight和offsetHeight有什么区别。感谢各位前来采访。。。男主不提以前的尴尬了，今天就来总结一下常用元素的各种宽高。当clientHeight和clientWidth没有横向滚动条时：clientHeight=height+paddingTop+paddingBottom由css设置有横向滚动条时：clientHeight=height+paddingTop+paddingBottom由css设置-滚动条的高度和clientWidth差不多，所以我赢了'在这里重复一下ps：这个属性是一个只读属性。对于没有定义CSS或内联布局框的元素，0offsetHeight和offsetWidthoffsetHeight=ccss设置的height+paddingTop+paddingBottom+borderTop+borderBottomoffsetWidth类似。没有滚动条的时候scrollHeight和scrollWidth我就不重复了。:scrollHeight=clientHeight=height+paddingTop+paddingBottom由css设置当有滚动条时：scrollHeight=实际内容的高度+paddingTop+paddingBottom（即滚动覆盖的内容的高度必须计算在内。ScrollWidth不再重复一些Top和LeftclientLeft和clientTopclientTop=borderTopclientLeft=borderLeftoffsetLeft和offsetTop以offsetTop为例，要理解它首先要明白什么是offsetParent，offsetParent是一个元素的最近定位父元素，如果没有定位父元素元素，则它是最近的表格、表格单元格或根元素。offsetTop和offsetLeft都是相对于offsetParent的填充边界。scrollTop和scrollLeftscrollTop是向上滚动时覆盖的元素内容区域的一部分。ScrollLeft也指JavaScriptMDN中的各种宽度和高度属性
