制作绝对文本列表答案

【问题标题】：Making absolute list of text制作绝对文本列表
【发布时间】：2013-04-28 19:00:04
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：