Javascript '；位置：固定'；div中的on按钮隐藏该按钮

我正在使用可拖动的dnd库创建看板React应用程序。可拖动的div（或“tasks”）是应用程序的一部分，我想添加“X”按钮，以便在单击时删除这些可拖动的div。当我将这些按钮放在Dragable的div中时，它们会显示出正确的功能。但是，我想将它们正确地设置为样式，并将其固定在右上角。因此，我尝试添加

位置：'fixed'

以及

顶部

和

右侧

位置。但是当这个CSS被实现时，按钮就消失了。更奇怪的是，当我拖动拖动表时，按钮会临时出现，直到拖动表重新放下。我尝试过将按钮的z索引改为高数字，以及将按钮重新包装为div，但没有效果

可拖动设备背后的通用代码：

和按钮：

类RemoveDraggableButton扩展React.Component{
...
渲染（）{
返回(
X
);
};
}

---

也许，您可以尝试提供每个div，它是position:relative的

RemoveDraggableButton

CSS属性的父级，并将draggable按钮作为position:absolute。这样，按钮的位置将基于父元素而不是窗口对象

也许您需要添加z索引？是否改为

position:absolute

<代码>位置：固定的将相对于页面进行测量，但绝对的将相对于最近的父级，该父级已将位置指定为非静态的。如果这确实是个问题，那么当你不拖动东西时，你可能会在页面的右上角看到按钮，因为你当前的样式应该将它们放在页面右上角10像素的位置。就是这样。为了澄清我自己的理解-在“按钮将基于父元素而不是窗口对象”中，您所说的“窗口对象”是什么意思？我将窗口对象称为基于整个屏幕的变量