详解clientHeight、offsetHeight、scrollHeight

clientHeight是指一个元素的可见高度（不包括边框和滚动条），即元素内容的高度加上内边距（padding），但不包括滚动条的高度。这个属性只读。

offsetHeight是指一个元素在垂直方向上的高度，包括元素自身的高度、内边距（padding）、边框（border）以及滚动条的高度（如果存在的话）。这个属性只读。

scrollHeight是指一个元素的实际内容的高度，包括超出可见区域的部分，也就是真正的高度。如果内容没有溢出可见区域，scrollHeight的值等于clientHeight。这个属性只读。

举例来说，如果一个元素的clientHeight为200px，offsetHeight为220px，而scrollHeight为400px，那么这个元素的内容实际上有400px的高度，但只有200px是可见的，剩下的200px需要通过滚动条来查看。