字体比它周围的'元素'大

Question

我经历过，如果我设置一个特定的p标签字体大小让我们说55px，那么包含该字体的实际元素小于字体本身。

因此字体与上面的元素重叠。 当然我可以在那里设置一些填充，但为什么 - 我把它称为'虚构'对象，因为它只是由我的浏览器制作 - 没有得到与内容相同的大小 - 在这种情况下是字体？ 顺便说一句，这个“想象中的”容器总是具有相同的高度。如果p文本的大小为12px或55px则无关紧要。在我的情况下，这个高度总是15px ......

感谢有关此事的提示。

欢呼声

Answer 1

尝试减少行高：

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

Answer 2

这间接/直接影响了你的答案：

  <style>
    html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, ol, ul,
    li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
      margin:0;
      padding:0;
      border:0;
      font-size:100%;
      font:inherit;
      vertical-align:baseline;
    }
  </style>

因此，请确保您在使用css时至少拥有上述代码行。