HTML:无法获取工具提示溢出：使用位置可见：相对div

我有一个div，需要有相对定位和有限的宽度和高度。如果内容溢出，我希望添加滚动条。为此，我有样式溢出：auto。这很管用。现在我有了一个工具提示，当鼠标移动到目标上时，我想显示它。我希望工具提示全部显示，因此如果需要，它应该显示在封闭div的边界之外。为此，我有工具提示样式overflow:visible。问题是，工具提示不会显示在div的边界之外。如果我移除div的定位，它将按预期工作：div具有滚动条，并且工具提示扩展到div之外。当div相对定位时，如何使其工作？任何协助都将不胜感激

。工具提示{
位置：相对位置；
显示：内联块；
宽度：18px；
高度：18px；
背景颜色：钢蓝色；
颜色：黄色；
边框：实心；
边框宽度：1px；
边界半径：50%；
文本对齐：居中；
垂直对齐：中心对齐；
光标：帮助；
}
.工具提示：在{
内容：“？”；
}
.tooltip+.tooltiptext{
位置：绝对位置；
显示：无；
保证金：5px；
填充物：5px；
最小宽度：200px；
最大宽度：400px；
背景颜色：钢蓝色；
颜色：#fff；
文本对齐：左对齐；
边界半径：6px；
溢出：可见；
}
.工具提示：悬停+工具提示文字{
显示：内联；
}
.如果需要的话{
位置：相对位置；
左：100px；
顶部：100px；
溢出：自动；
背景色：淡黄花；
}

这是我的工具提示。我希望它显示在ModePage div的边界之外。我将工具提示样式设置为overflow:visible，但是它的行为就好像它继承了ModePage div的设置一样。
缩放：这是一些额外的文本，用于显示垂直滚动条。这是一些额外的文本，用于显示垂直滚动条。这是一些额外的文本，用于显示垂直滚动条。这是一些额外的文本，用于显示垂直滚动条。这是一些额外的文本，用于显示垂直滚动条。这是一些额外的文本，用于显示垂直滚动条。

您需要添加

位置：固定来解决这个问题。试试这个


。工具提示{
位置：相对位置；
显示：内联块；
宽度：18px；
高度：18px；
背景颜色：钢蓝色；
颜色：黄色；
边框：实心；
边框宽度：1px；
边界半径：50%；
文本对齐：居中；
垂直对齐：中心对齐；
光标：帮助；
}
.工具提示：在{
内容：“？”；
}
.tooltip+.tooltiptext{
位置：绝对位置；
显示：无；
保证金：5px；
填充物：5px；
最小宽度：200px；
最大宽度：400px；
背景颜色：钢蓝色；
颜色：#fff；
文本对齐：左对齐；
边界半径：6px；
溢出：可见；
}
.工具提示：悬停+工具提示文字{
显示：内联；
/*这里需要设置位置和宽度[可选]*/
位置：固定；
最大宽度：200px；
}
.如果需要的话{
位置：相对位置；
左：100px；
顶部：100px；
溢出：自动；
背景色：淡黄花；
}

这是我的工具提示。我希望它显示在ModePage div的边界之外。我将工具提示样式设置为overflow:visible，但是它的行为就好像它继承了ModePage div的设置一样。
比例：
这是一些额外的文本，用于显示垂直滚动条。这是一些额外的文本，用于显示垂直滚动条。这是一些额外的文本，用于显示垂直滚动条。这是一些额外的文本，用于显示垂直滚动条。
这是一些额外的文本，用于显示垂直滚动条。这是一些额外的文本，用于显示垂直滚动条。
如何使用
title
属性？按照您现在的编码方式，您不能这样做。因为你有
位置：相对和“溢出：自动；”，工具提示文本仅限于父级的设置维度。如果我可以在其中包含UL等HTML元素，这将是一个可接受的选择。不管是哪种方式，如果我能理解为什么我对它应该如何工作的期望与结果不一致，那就太好了。谢谢你的回复肖恩。然而，似乎父对象的维度并不是问题的全部。如果删除position:relative，则尺寸不会更改，但其行为与我预期的一样。所以这似乎是定位问题，而不是尺寸问题。哇，谢谢RizkiDPrast，解决了这个问题！没有双关语的意思。我的家庭作业是找出它为什么有效。谢谢很高兴这有帮助。谢谢请以专业的方式提交作业我接受了这个答案，因为根据我描述的场景，它是有效的。然而，我没有意识到这并不能解释文档的滚动：（无论如何，谢谢。我想我还是要用它来代替更好的东西。就我而言，这不是一个表演的障碍。