4-6节：inline-block行高一致，为何父元素高度不一致？

来源：

妙言

2016-09-21

对于4-6节交易数据部分的样式书写，设置了以下
.trans-container .data span{
    display: inline-block;
    line-height: 3rem;
}
.report a{
    display: inline-block;
    line-height: 3rem;
}
但是从盒模型中看到：以上span和a的高度都是36px;但是span的父元素.data的高度是39px，而a的父元素.report的高度是36px。见下面截图。
1)为什么呢？
是否因为.data中.money的字号比较大？还是因为inline-block的原因？但是a元素也是inline-block呀？
2)解决办法？
我设置了
.trans-container .data{
   height:3rem;
}
这样.data的高度就和.report一致了，这样对不对？