css - 制作绝对文本列表

Question

我的网站中有一个如下所示的文本列表：

我的目标是，如果用户悬停其中一个文本，则会弹出与悬停的文本相关的图像。像这样的东西：

但相反，我得到了这样的东西，它在文本之间创建了一些空格：

Answer 1

在图像元素上使用position:absolute应该可以防止这种情况发生。

Answer 2

只需使用相对位置和绝对位置，例如：

li { position : relative; }
li img { position: absolute; top: 0; left: 100%; }

Answer 3

将您的列表项设置为position: relative并将图像设置为position: absolute。然后根据需要定位它。（例如类似的东西top: 0; left: 100%;）