工具提示因溢出而被切断

Question

我希望有一个滚动容器外的工具提示(当工具提示居中)。但是，工具提示总是会被切断，因为滚动容器有一个overflow: auto属性。

​

​

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

由于工具提示，position: relative会显示在项目上。我认为这会阻止我使用css将容器移到外部。

使用CSS有没有可能做到这一点？

Answer 1

不，您必须将工具提示容器放在溢出容器之外。这些对话层通常在body的结束标记之前结束，这正是=>定位的原因。

工具提示小部件通常附带JavaScript库(jQuery-UI、Bootstrap等)。

在仅使用CSS的解决方案中，您必须满足这样一个事实，即定位不是计算出来的，而是预期的。