Javascript jQuery工具工具提示不能简单地由一个具有position:relative的外部div工作？

第三方jQuery工具提示是。它能仅仅通过一个带有

位置：relative

的外部div断开吗

这一个有效：

只需向外部div（带蓝色边框的div）添加一个

位置：relative

，工具提示就会严重错位（无论header div按下多少）：

第三方开源代码的质量

有没有jQuery大师能很快找到解决方案？出于某种原因，要求外部div必须具有

位置：相对
或
位置：绝对
。我认为它被破坏的原因是jQuery工具提示使用
位置：绝对
来定位工具提示，但不知道
绝对
实际上是相对于CSS规范所说的“定位的最近祖先”。因此，只需一个简单的例子，它就会中断。
尝试使用（从底部算起的第三个）

$（“#主要内容”）。工具提示({
反弹：错，
relative:true，//您锁定了此选项，尽管我想知道为什么与文档相关的选项无法正常工作，以及为什么
relative:true
不是默认选项，因为它更准确。当我的容器也溢出时，我仍然有这个问题：scroll。当您向下滚动并打开t时，工具提示放错了位置ooltip。有人可能知道这个问题的解决方案吗？我不确定。老实说，我认为jQuery工具处理工具提示的方式是行不通的。他们应该在关闭
标记之前重新注入额外的工具提示标记，这样
位置：相对
就不会影响它的定位。
$('#main-content').tooltip({
    bounce: false,
    relative: true, // <-- Adding this should sort you out
    slideOffset: 5,
    effect: 'slide',
    direction: 'down',
    slideInSpeed: 300,
    slideOutSpeed: 200,
    position: 'bottom center'
});