我的网站中有一个如下所示的文本列表:
我的目标是,如果用户悬停其中一个文本,则会弹出与悬停的文本相关的图像。像这样的东西:
但相反,我得到了这样的东西,它在文本之间创建了一些空格:
在图像元素上使用position:absolute
应该可以防止这种情况发生。
只需使用相对位置和绝对位置,例如:
li { position : relative; }
li img { position: absolute; top: 0; left: 100%; }
将您的列表项设置为position: relative
并将图像设置为position: absolute
。然后根据需要定位它。(例如类似的东西top: 0; left: 100%;
)