这个额外高度来自哪里？

Question

我现在每个工作日都在使用CSS多年，但我完全迷失了这个。

在this page in development上有很多额外的高度，但我不知道它来自哪里。

有谁能看到发生了什么？感谢

Answer 1

这是您在列表中包含的pre标记。它将导致标记中的每个换行符显示为元素之间的间距。

我通过删除pre标记进行了测试，并删除了额外的间距，但它也使元素使用其默认字体和大小。设置内容的font-family和font-size以获取所需的字体和大小，而不是pre标记。

Answer 2

section.entry中的每个元素都用三个<font>标记分隔。它们是空的，但默认高度为17px。

解决方案：

删除font代码。

Answer 3

<pre>标记用于向页面添加预格式化文本。因此，标记内的所有内容都与源中的内容完全相同，包括空格：

<pre> - HTML | MDN

如果你没有使用正确预格式化的文本（因为你显然不是这种情况），你应该删除<pre>标签并使用CSS来适当地格式化你的字体。