我是这样理解的：

由于<i>标签为行内元素，所以它应该紧跟着图片不换行后面；（可以做以下尝试）

（1）所以如果去掉其绝对定位，此时<i>标签应该是紧跟着图片并换行显示（因为图片后面没有空间显示<i>，故被挤到下一行）；

（2）绝对定位的特性是脱离文本流（在文本流中不占据任何位置），所以在设置了绝对定位后<i>是一个不占据空间的元素，所以不会被挤到下一行，而是可以和图片同行显示；

（3）这也正说明，如果在<i>前面加上空格，此空格在文本流中占据一定位置，那么空格和<i>就都会被挤到下一行

对，在html中这样的换行和空格都会产生一个空的文本节点

是不是i标签前面还有tab 换行，这样的隐形空格