Html 内联跨距元素下方出现空格的原因是什么？

我一直在尝试做一些事情，但我刚刚意识到，在span元素下没有任何原因地存在一个空间。 这是很容易删除的空间，所以我不是问如何删除它。 我搜索了谷歌，但找不到任何原因

你能告诉我是哪个CSS属性导致了这个或其他原因吗

这里还有一个代码笔链接：

以下示例显示了我确切搜索的空间：

以下是一个屏幕截图：

*{
保证金：0；
填充：0；
}
div{
高度：10px；
背景色：红色；
}
跨度
a{
背景颜色：绿色；
}

跨度单元（gy）

我在任何地方都看不到空格，但每当你像这样混合内联和块元素时，你就会引起奇怪的行为。最好将内联元素包装在块元素中。如果将内联框重置为内联块框，则间隙将消失。框具有格式上下文（大致：可以调整大小），并且绘制bg颜色，而不是仅高亮显示文本。如果您有任何疑问或不理解：1）选择您的文本：所有绿色消失-2）重置显示：内联块为a和span，选择文本。。内联时，并非所有的绿色都变为绿色，并且正好是间距的大小：codepen要测试选择文本时使用框设置内联/内联块这里是codepen，突出显示文本/格式上下文是两个关键字。@HereticMonkey都取决于默认字体（由浏览器设置），此空间与内容区域密切相关，其计算基于字体属性，在某些情况下可能存在，也可能不存在users@HereticMonkey也有，但只要你混合了内联元素和块元素，您将邀请奇怪的行为-->将不会有奇怪的行为，因为在进行这种混合时，内联元素将首先被包含在匿名块元素中，并且这种行为在规范中定义得非常好：我看不到任何空间，但每当您混合内联元素和块元素时，你会引起奇怪的行为。最好将内联元素包装在块元素中。如果将内联框重置为内联块框，则间隙将消失。框具有格式上下文（大致：可以调整大小），并且绘制bg颜色，而不是仅高亮显示文本。如果您有任何疑问或不理解：1）选择您的文本：所有绿色消失-2）重置显示：内联块为a和span，选择文本。。内联时，并非所有的绿色都变为绿色，并且正好是间距的大小：codepen要测试选择文本时使用框设置内联/内联块这里是codepen，突出显示文本/格式上下文是两个关键字。@HereticMonkey都取决于默认字体（由浏览器设置），此空间与内容区域密切相关，其计算基于字体属性，在某些情况下可能存在，也可能不存在users@HereticMonkey也有，但只要你混合了内联元素和块元素，您将邀请奇怪的行为-->将不会有奇怪的行为，因为在进行这种混合时，内联元素将首先包含在匿名块元素中，并且这种行为在规范中定义得非常好：