CSS中的高度系列

各类高度 包含选项
height content
clientHeight content+padding
offsetHeight content+padding+border+scroll
scrollHeight (子元素高度 <= content)? clientHeight:(子元素高度 + padding)

注意:当我们按照如下设置:

1
2
3
4
div {
height: 200px;
overflow-x: scroll; //始终显示滚动条
}

此时height的计算结果为183px,因为横向滚动条的高度为17px,需要减去这17px才是元素的实际高度值。