jquery怎么获取一个高度单位为rem的元素的真实高度？

Question

如题，代码如下：

html:
    <p>文字</p>
css:
    p{
        height:1.2rem;
        margin-top:.38rem;
    }
    

怎么计算这个p标签的高度(包括margin值)

Answer 1

var p = $('p');
var totalHeight = p.height() + parseInt(p.css('margin-top')) + parseInt(p.css('margin-bottom'));

获取到的是height、margin-top和margin-botton三者的算术和，类型为number，如果需要经常计算三者之和，建议将以上代码包装成函数。

Answer 2

有两个办法可以取到这个值：

1. 直接通过css()方法取这个p标签的height和margin，然后相加

2. 或者你用这2个REM相加后去乘以你的根元素的font-size大小

Answer 3

$("p").outerHeight()

Answer 4

难道你直接$("p").height()获取到的不是真实的高度。