为什么span容器盒子比其img子元素更小？垂直未包裹原因及规范问询

给内部包含文本、图片的<span>元素设置1px实线边框后，可观察到明显的尺寸匹配偏差：

• 水平方向上，边框可以完全包裹内部的图片子元素
• 垂直方向上，边框没有完全覆盖图片的上下边缘，存在明显错位

针对该偏差的核心问题：

• 这类尺寸计算表现是否在CSS官方规范中有明确定义？
• 这种规则的设计初衷是什么？

样式规则 #

* {
  padding: 0;
  margin: 0;
}

span {
  border: 1px solid;
}

页面结构 #

<span>hello world<img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png"></span>

内容的提问来源于stack exchange，提问作者wlnirvana