时间戳

首页 > 解决方案 > 在图像旁边放置一个浮动 div

html - 在图像旁边放置一个浮动 div

问题描述

我正在制作类似于 discord ui 的 web 仪表板，我通过制作 a 来实现它span，但问题是我正在使用position: fixed它，它让我的悬停 div 进入下方。

这是我的代码https://jsfiddle.net/5mv89wyg/1/

标签： htmlcss

解决方案

您还必须设置margin-top: -40，见下文：

.server:hover > span{
    display: inline-block;
    position: fixed;
    margin-top: -40px;
    margin-left: 40px;
}

然后 span 元素将出现在服务器项旁边。

我更新了你的小提琴：https ://jsfiddle.net/g6svfpr8/

推荐阅读