我是這樣理解的：

由于<i>標簽為行內元素，所以它應該緊跟著圖片不換行后面；（可以做以下嘗試）

（1）所以如果去掉其絕對定位，此時<i>標簽應該是緊跟著圖片并換行顯示（因為圖片后面沒有空間顯示<i>，故被擠到下一行）；

（2）絕對定位的特性是脫離文本流（在文本流中不占據任何位置），所以在設置了絕對定位后<i>是一個不占據空間的元素，所以不會被擠到下一行，而是可以和圖片同行顯示；

（3）這也正說明，如果在<i>前面加上空格，此空格在文本流中占據一定位置，那么空格和<i>就都會被擠到下一行

對，在html中這樣的換行和空格都會產生一個空的文本節點

是不是i標簽前面還有tab 換行，這樣的隱形空格