8.25offsetHeight问题
在战力物联网平台中机构管理中分配角色里面的菜单权限在分配率不同的电脑显示的高度不一样，分配率底的话显示的很拥挤，高度很小。解决问题主要用到了offsetHeight。
offsetHeight是js中dom元素对象中的一个属性，它表示了一个元素的高，这个高包括了元素的内容，元素的内边距和元素的边框。
首先分配角色里面的内容是由六个块组成的，分别是人员角色权限设置、选择平台、角色列表、数据权限、菜单权限和最下面的保存按钮六部分。首先获取除去菜单权限其它五部分的offsetHeight，还需要获取这个页面整个的高，然后用整个的高减去其他五个部分的高，然后就得到了菜单权限的高，把这个值赋值给菜单权限的高就行了。整个过程由js来操作。
注：contentBoxOfRoll.offsetHeight是分配角色抽屉页面整个的高。
area1.offsetHeight：人员角色/权限设置的高。
area2.offsetHeight：选择平台的高。
area3.offsetHeight：角色列表的高。
area4.offsetHeight：数据权限的高。
area5.offsetHeight：菜单权限的高。
area6.offsetHeight：保存按钮的高。
```let boxHeight = document.getElementById("contentBoxOfRoll").offsetHeight
let h1 = document.getElementById("area1").offsetHeight,
h2 = document.getElementById("area2").offsetHeight,
h3 = document.getElementById("area3").offsetHeight,
h4 = document.getElementById("area4").offsetHeight,
h6 = document.getElementById("area6").offsetHeight,
h5 = boxHeight - h1 - h2 - h3 - h4 - h6 - 62;
document.getElementById("area5").style.height = h5 + "px";
```