由于溢出导致工具提示中断

我希望在滚动容器之外有一个工具提示（当工具提示居中时）。但是，由于滚动容器具有overflow: auto属性，所以始终切断工具提示。由于溢出导致工具提示中断

这个演示中，我做什么证明我的问题是：https://jsfiddle.net/ny610aL1/1/

由于工具提示中，position: relative是在项目来代替。我认为这阻止了我用css移动外部容器。

有没有什么办法可以使用CSS？

工具提示真的需要吗？你不能隐藏和显示项目旁边的工具提示文本，其中'visibility：hidden'和'visibility：visible'？所以他们占据了他们需要的空间。像这样：https：//jsfiddle.net/ny610aL1/2/ – nonzaprej

是的，工具提示将被用作更多的额外信息 –

由于'left：-20px'，您的工具提示被切断，如果您将其设置为' 0'，它似乎解决了这个问题。 https://jsfiddle.net/azs06/ke4hfq74/1/ – azs06

不，你必须把工具提示容器放在溢出容器的外面。由于这个原因=>定位，这些对话层通常在body的结束标记之前结束。

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

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

2017-05-03 09:41:03

回答