工具提示因溢出而中断

Question

我想在滚动容器外面有一个工具提示（当工具提示居中时）。但是，工具提示始终会中断，因为滚动容器具有overflow: auto属性。

我演示的这个演示演示了我的问题：https://jsfiddle.net/ny610aL1/1/

由于工具提示，position: relative代替了项目。我认为这可以防止我用css将容器移到外面。

有没有办法可以使用CSS？

Answer 1

不，您必须将工具提示容器放在溢出容器之外。 由于这个原因，这些对话层通常在正文的结束标记之前结束=＆gt;定位。

工具提示小部件通常附带JavaScript库（jQuery-UI，Bootstrap，...）。

在仅限CSS的解决方案中，您必须对未计算定位但预期定位这一事实感到满意。