Bootstrap 4 Tooltip 走出 div答案

【问题标题】：Bootstrap 4 Tooltip going out of the divBootstrap 4 Tooltip 走出 div
【发布时间】：2017-12-20 07:28:16
【问题描述】：

当悬停在包含工具提示属性的锚标记上时，工具提示的位置远离锚标记。

在打开检查元素时它也太过分了。

<a class="btn btn-secondary" data-toggle="tooltip" data-placement="top" data-title="Shortlist" title="shortlist"><i class="far fa-thumbs-up"></i></a>

附上截图。

很久以来就沉迷其中。尝试定位父 div，但没有任何效果。

【问题讨论】：

检查该元素时会发生什么？它显示的宽度和高度是否比实际大？也许是填充问题？
其实有3个类似的部分。前两个正确，但最后一个正在消失。除了高度，宽度和填充是正确的。问题在于 transform - translate 属性。它赋予它任意价值。
工具提示链接的那个呢？
查看我上传的新图片
悬停在竖起大拇指并拍摄快照

【解决方案1】：

有问题。

html, body { height : 100% }

当我删除高度 100% 时，它按预期工作。

我为那些连看都没看就否决了这个问题的人感到抱歉。

祝你幸福！

【讨论】：