jquery_height_innerHeight_outerHeight

// padding: 2px;
// height: 500px;
// 
// border: solid red 10px;

// margin-top: 7px;

                    // $(‘#id1‘).offset();            1. {top: 49, left: 421}   2. 有margin-top： {top: 56, left: 421}
                    // $(‘#id1‘).height();            元素高度
                    // $(‘#id1‘).innerHeight();       高度：自身高度 + padding
                    // $(‘#id1‘).outerHeight();       1. 高度：自身高度 + padding + border   2. 有margin-top：自身高度 + padding + border + margin（上下左右）

jquery_height_innerHeight_outerHeight

原文：https://www.cnblogs.com/zxy01/p/13556949.html