在容器外显示内容，其中隐藏了溢出和滚动条

Question

是否可以显示一个设置为隐藏tooltip的容器overflow？

我知道可以使用position: fixed（绿色容器具有property overflow: hidden）。

我举了两个例子，问题是在滚动时...首先，按钮与框架一起滚动，其次，工具提示与框架一起滚动。

我需要将这些框放在容器中，overflow: hidden并在悬停时显示工具提示（但是，工具提示被overflow: hidden容器的隐藏）。

是否可以仅使用CSS？

Answer 1

做到这一点的方法是将其父级设置为position="absolute"not relative。因此tooltip不会相对于其父级定位并且可以超出容器。

但对于你的情况，它会降低你的设计，所以我建议你执行以下操作之一：

轻松地将 a 添加padding-top: 40px;到容器中，以便工具提示可以显示在顶部。最好也设置apadding-bottom: 40px;使其不对称。

或者不要将上述tooltip物品放在上面，而是将它们放在左侧旁边，我也推荐您这样做。