Javascript 为什么链接组件在Chrome上呈现在页面之外，而在Firefox上却可以？

我的React web应用程序中有一些链接组件，只有当用户将鼠标悬停在网页上的某个元素上时，才会显示这些组件。该网站（）在Firefox上加载良好，但当我尝试在Chrome上加载时，我看不到我的链接组件。我检查了页面，如果仔细观察，您会发现元素在页面之外

这是实际操作中的问题：

左：Chrome |右：Firefox

--

反应代码：

我不知道问题出在哪里，所以我无法将任何特定的代码片段放在这里。我将链接我的整个React存储库：

---

这些链接周围的容器已完全定位，并正在寻找距离自己最近的父容器。Firefox使用隐式父规则为您提供所需的结果，而Chrome需要显式定义父规则。您需要将

工作卡容器

声明为父级。然后，链接容器的绝对位置将在这个新定义的父容器的边界内

添加以下内容：

。工作卡容器{
位置：相对位置；
}

---

问题似乎出在动画上，它最初是显示出来的，过了一段时间就隐藏起来了。谢谢！我会将您的答案标记为已接受，但在此之前，您是否也可以更新您的答案，以帮助我修复

部分标题

s旁边的“标签”链接编辑：通过你的描述也修复了这个问题@SepSol采用相同的溶液。将

position:relative

添加到

。部分标题也添加到
。