html - 绝对定位的 DIV 在可滚动 DIV 中消失

Question

我有一个可滚动的 DIV，它有信息行(文本区域)，作为 DIV，一个接一个。

滚动条大约为 300 x 400 像素，但其中可以包含很多行(DIV 元素)。

对于每行 DIV 信息，我都有另一个小 DIV，基本上让用户点击是/否删除该行信息。

我隐藏了所有这些“删除”DIV，但只显示其中一个，当用户点击特定行信息的“删除”按钮。

问题来了，因为我用position:absolute 将“删除是/否div”很好地定位在每行信息上方。 relative 和 fixed 对我来说效果不佳，因为它们破坏了我在包含所有这些内容的“外部”DIV 中的良好对齐方式。

对于眼睛可见的第一个条目(信息行)，每个条目的“删除”DIV 看起来都不错(position:absolute)，但是当我向下滚动时DIV，它们不再出现。所以这是主要问题。

我该如何处理这个问题？

Answer 1

我需要将我保存在 position:absolute 中的“做得很好的删除 DIV”转换为另一个设置了 position:relative 的 DIV，就像这样造型。

这样，相对定位的“外部”DIV 与主滚动 DIV 中的其他元素保持一致，并且它内部的绝对值现在可以很好地定位在顶部，具有 margin-left 或 margin-top 等.