Html div的高度和字体大小有什么关系

假设我没有其他CSS规则（只有浏览器默认CSS）

我创建了这样一个div：

<div style="font-size:40px;">a</div>

a

我尝试在chrome和firefox中测量div的高度。 我在div节点上使用了offsetHeight属性

在chrome中，我得到46px。 在firefox中是48px

我真的很好奇div的远视与文本的字体大小有什么关系 这些比率是否有浏览器规范

---

感谢

它为文本所在的元素使用了

行高

属性。在大多数浏览器中，默认值为1.2，即元素中使用的字体大小的1.2倍。这就是为什么它是48px

如果希望某个元素为特定大小，可以自己为其设置

行高

属性，该属性可以是字体大小比率的无单位数，也可以是显式的px值