css - 使用相对大小的错误容器高度

Question

我有一个标题，我想用em计算高度。

高度应相当于40px。我用以下公式计算了em值：1/16 * 40 = 2.5em

我的身体css如下：

body {
    font-size: 100%; /* = 1em */
    height: 100%;
}

标题div的css代码是：

#header_container {
    position: fixed;
    top:0;
    width: 100%;
    margin: 0;
    height: 2.5em;
}

如果我现在检查结果，例如在Firefox中。内置检查员显示我的高度为45px。但我想要40px代替。正如我已经读过的，将px转换为em的公式是下面的1/16 * px。

任何想法为什么我得到错误的高度？

修改

对不起，我得到了原因。我有一个额外的font-size：large;在我的标题css中输入。 删除后，我得到40px的高度。但如果是使字体大小为1.5 em。标题高度增加到60px。如何在不改变标题高度的情况下使字体大小为1.5 em？

提前感谢你。

此致