显示容器外部的内容，包含溢出隐藏和滚动条

Question

https://jsfiddle.net/rafaelfndev/h63r4mye/

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

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

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

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

是否可以仅使用CSS？

Answer 1

这样做的方法是将其设为父position="absolute"而不是relative。因此tooltip不会相对于其父级定位，并且可能会超出容器。

但是对于你的情况，它会降低你的设计，所以我建议你做其中一个：

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

或者不要将tooltip放在项目上方，将它们放在左边，我也建议你。