Question

在这个小提琴中，如果你检查nav元素，你会看到nav元素的计算高度是61px。我希望它是60px。为什么是61？

<body>
  <nav>
    <a>bkaksfd</a>
    <a>kkwaekfwae</a>
  </nav>
</body>

Answer 1

导航中的高度为60px

Answer 2

行高与排版有关，它定义了元素的最小高度。它不能确保元素的确切高度。渲染不同的字体也会改变高度。在您的情况下，例如，如果您使用serif字体族高度变为61，而使用sans-serif族高度变为60.您需要使用height属性来确保精确的高度。

Answer 3

line-height定义从一行顶部到下一行顶部的空间量。但是，由于默认vertical-align: baseline，第一行文本的顶部未与父元素的顶部对齐。额外的空间会导致计算高度的差异。

可以通过将vertical-align设置为top或bottom来解决此问题。