如何计算<span>元素的高度

Question

我不能理解为什么下面的<span>元素具有height: 40px-它是如何计算的？

<span style="padding:10px; width:200px; height:30px; line-height:1; font-size:18px"></span>

Answer 1

由于您的身高是（精确身高+内边距+边框），因此它是盒形模型的规则。 如果只需要精确的高度，则应将此样式添加到CSS中 （框大小：border-box;）。