使用CSS显示与父元素相关的工具提示

我需要帮助来显示与父元素相对应的工具提示。请参阅屏幕1，显示描述是否完美。但是当我滚动屏幕2时，部分描述显示相同的位置，但我需要相对位置

<div class="item" data-key="15" data-value="244937">
    <input class="option" id="treemultiselect-0-15" type="checkbox">
    <span class="description">
        <label class="" for="treemultiselect-0-15">Ashram</label>
    </span>
    <div class="temp-description-popup" style="position: absolute;">
        No. &amp; Listing of <b>Ashrams</b><br>
    </div>
</div>

道场
否及；道场列表

我想你在找这样的东西，对吧

你最好创建一个片段，重新创建你的问题，这样每个人都能理解这个想法并帮助你解决问题

问题是您设置了元素

位置：绝对

，因此它只是基于其

相对

父元素保留位置。滚动不会移动它

此示例将帮助您更好地了解位置的工作原理

.scroller{
最大高度：150像素；
溢出y：滚动；
高度：150像素；
浮动：左；
宽度：200px；
}
.项目{
位置：相对位置；
}
.temp说明弹出窗口{
可见性：隐藏；
高度：0px；
}
.item:hover>.temp说明弹出窗口{
能见度：可见；
高度：自动；
填充：4px；
背景色：#f1f1；
边界半径：4px；
位置：绝对位置；
顶部：25px；
z指数：2；
}

道场
否及；道场列表

道场
否及；道场列表

道场
否及；道场列表

道场
否及；道场列表

道场
否及；道场列表

道场
否及；道场列表

请为此共享一个代码片段。如何添加工具提示？在title attribute或other div.other div（道场编号和列表
）中，您为哪个元素指定了

位置：relative

？对于description div，我给出了它不能完美工作的说明谢谢您的回答。没错，我看起来像这样，但零钱很小。在“说明”中，我希望在html中查看title属性。我在上面的注释中看到您的回答，即在

div

中，而不是在

title

中？我不太确定你想要什么。请参考此链接，向下滚动并检查最后一个元素我调整了代码，这是你要找的吗？