字体比它周围的“元素”大

Question

我经历过，如果我将特定的 p 标签字体大小设置为 55px，则包含字体的实际元素小于字体本身。

因此字体与上面的元素重叠。当然我可以在那里设置一些填充，但是为什么 - 我称它为“虚构”对象，因为它只是由我的浏览器制作的 - 与内容的大小不同 - 在这种情况下是字体？顺便说一下，这个“虚构的”容器的高度总是相同的。p-text 的大小是 12px 还是 55px 都没有关系。在我的情况下，这个高度总是 15px ......

感谢您提供有关此事的提示。

干杯

Answer 1

尝试减少行高：

.imaginary {
    font-size: 18px;
    line-height: 18px;
}