html - 字体大于它周围的“元素”

Question

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

因此字体与上面的元素重叠。当然我可以在那里设置一些填充，但是为什么 - 我称之为“虚构”对象，因为它只是由我的浏览器制作的 - 没有得到与内容相同的大小 - 在这种情况下是字体？顺便说一句，这个“想象中的”容器始终具有相同的高度。p-text 的大小是 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 时至少具有上述代码行。