CSS位置绝对在滚动条上

Question

我有一个水平滚动的内容。里面有一些父div，其中有一个隐藏的子元素，其位置为绝对位置，只能在点击时显示。

我的问题是，当我滚动内容时，子级div会显示“父级将不滚动的位置”（向右滚动时右侧）。为了解决这个问题，我添加了相对于父div的position：relative，现在它显示了它应该在的位置，但是子div被滚动条“截断了”（在将position：相对于父div之前，子div显示在滚动条上）。

我想让两件事都能正常工作吗？ （正确位置并在滚动条上方）

谢谢

PS：相关文章：Div with scroll and content with absolute positions

编辑：我无法制作“简单的工作”小提琴，这是一幅图像的父位置相对，而另一幅图像的父位置相对 孩子出地方了

孩子被“截断”