CSS-relative相对定位问题

今天写样式的时候,发现了一个奇怪的现象:

先看图

 

 这是三个span标签,它们都是使用relative来进行位置移动的,代码如下

 

 奇怪的是'这是描述'这个span标签并没有和我想得一样移动到最左端,

我查了一下MDN的文档

 

 很简单,相对定位relative为了保持文档的页面布局,并不会使元素脱离文档流,也就是使用top,left移动后会在留下空白进行占位