offsetheight
动态的计算弹框距离外部元素的位置，即获取元素的offsetleft、offsettop、offsetwidth、offsetheight，如果弹框的宽度（offsetWidth）+距离左边的距离（offsetLeft）大于父元素的宽度，则判断为超出外部元素范围，需要动态改变弹框距离边框的位置
下面是对offsetTop,offsetHeight,clientheight,scrollheight,scrollTop图解
对元素的布局有限制，不能使用display:none的方式隐藏，可以使用opacity:0或者visibility: hidden隐藏元素，因为display:none方式不能获取到元素的高度，宽度等
相关阅读
【带图】讲解offsetHeight、offsetLeft、clientWidth
1.偏移量元素的可见大小由其高度、宽度决定，包括所有内边距、滚动条和边框的大小（注意，不包括外边距）。offsetHeight：元素在垂直方向上
深度剖析offsetParent、offsetTop、offsetLeft和Paren
深度剖析offsetParent、offsetTop、offsetLeft和ParentNode的区别 ParentNode：是直接结构上的父级，并不是显示父级offsetParent:有
【JavaScript】全面解析offsetLeft、offsetTop
前言：偏移量，很多动画效果的实现都是通过去改变偏移量的改变来实现的，但是你真的完全了解offsetLeft，offsetTop吗？ 一、第一个小例
clientHeight,offsetHeight,scrollHeight迷一样的三个
clientHeight,offsetHeight,scrollHeight解析 一张图解决所有问题： clientHeight: 内容可视区域的高度，也就是说页面浏览器的大
搞清clientHeight、offsetHeight、scrollHeight、offs
转载自：https://www.imooc.com/article/17571网页可见区域高：document.body.clientHeight网页正文全文高：document.body.scrollHeigh