Javascript 工具提示因溢出而被切断

我希望在滚动容器外有一个工具提示（当工具提示居中时）。但是，由于滚动容器具有

overflow:auto

属性，因此工具提示总是被切断

我制作的这个演示演示了我的问题：

由于工具提示的原因，

position:relative

会显示在项目上。我认为这可以防止我用css将容器移出

---

使用CSS有什么方法可以做到这一点吗？

没有，您必须将工具提示容器放在溢出容器之外。 由于这个原因，这些对话框层通常在body的结束标记之前结束=>positioning

工具提示小部件通常附带JavaScript库（jQueryUI、引导等等）

---

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

真的需要工具提示吗？您不能在项目旁边隐藏和显示工具提示文本，并使用

visibility:hidden

和

visibility:visible

？所以他们占据了他们需要的空间。这样：是的，工具提示将被更多地使用，因为一些额外的信息您的工具提示被切断，因为

左：-20px

，如果您将其设置为

0

，似乎可以解决问题。这就是计划，工具提示实际上应该居中，但因为名称有时太长，所以它会跳出框外。通过放置左-20px，我试图显示截断文本。