总结来说，两者之间的主要区别在于是否包含边框和外边距。`offsetHeight`包括这些内容在内的整个高度；而`clientHeight`只包含可见部分的内视窗口大小，用于定位和理解特定区域如可折叠区域等内容的实际可见状态。在实际开发中，根据需求的不同选择使用不同的属性来获取元素的高度信息。
clientHeight:元素客户区的大小,指的是元素内容及其边框所占据的空间大小(经过实践取出来的大多是视口大小) scrollHeight: 滚动大小,指的是包含滚动内容的元素大小(元素内容的总高度) offsetHeight: 偏移量,包含元素在屏幕上所用的所有可见空间(包括所有的内边距滚动条和边框大小,不包括外边距 window.screen.height:屏幕...
offsetHeight和clientHeight的主要区别在于它们计算元素高度时包含的内容不同。offsetHeight是一个只读属性，它返回一个元素的像素高度，这个高度包括元素的内容高度、内边距（padding）、边框（border），但不包括外边距（margin）。换句话说，offsetHeight是一个元素占据空间的实际高度，它包括了元素自身以及元素...
在JavaScript中，clientHeight和offsetHeight这两个属性分别代表了不同的网页区域高度，它们之间的区别如下：clientHeight主要反映了网页（内容）在浏览器可视区域中的高度，具体来说，它指的是浏览器可视窗口中实际显示内容的高度，通常不包括滚动条，且IE和Opera浏览器可能会将scrollHeight视为内容的实际高度，...
clientHeight:内容高度+padding高度 ,jQuery中的innerHeight()方法返回的就是这个高度。 offsetHeight:内容高度+padding高度+边框宽度 ,jQuery中的outerHeight()方法返回的就是这个高度。 width:指元素内容的宽度 ,jQuery中的width()方法返回的就是这个宽度。
1.clientWidth/clientHeight 内容可视区域宽度/高度,也就是说页面浏览器中可以看到内容这个区域的宽度/高度 但是要注意padding是算在里面 2.offsetHeight/offsetWidth 在IE6,IE7,IE8以及最新的的FF, Chrome中,在元素上都是offsetHeight = clientHeight + 滚动条 + 边框。
height 是高度 clientHeight 是在页面浏览器中可以看到内容的高度 ，滚动条什么的都不算在内 也就是只有内容部分 offsetHeight 是在页面浏览器中可以看到内容的高度 +滚动条+边框 也就是页面的整个
height：指元素内容的高度 clientHeight：内容高度+padding高度 offsetHeight：内容高度+padding高度+边框宽度
简单地说 clientheight就是透过浏览器看内容的这个区域高度。ns、ff认为offsetheight和scrollheight都是网页内容高度，只不过当网页内容高度小于等于clientheight时，scrollheight的值是clientheight，而offsetheight可以小于clientheight。ie、opera认为offsetheight是可视区域clientheight滚动条加边框。scrollheight则是网页...