关于绝对定位的问题

Question

问题描述

如图这是三个可以拖动的div，均设置了绝对定位，当我删除第二个div即名字为GRU1的时候，此时Dense2会占据之前GRU的位置，怎么才可以删除第二个div保持后面的div仍在之前的位置，而不会变化
如图：删除第二个，之前的第三个div占据了被删除的

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
对应的每个div代码,三个divstyle除了大小都一致

<div v-if="item.startsWith('LSTM')" :id="item" style="position: absolute; width: 150px;height: 100px;text-align: center;border:1px solid black;" >
<div style="display:inline-block">
<Icon type="md-close" size=5px style="margin-top:10px;margin-right:-105px" @click.native="deleteModulde(item)" />
  </div>

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

绝对定位的元素是根据top，left，bottom，right来调整位置的，这里你没有给出这个最重要的定位信息

如果你是使用left或right定位的，那么你是使用元素v-for循环，动态生成的left值吗？如果是的话可以通过给定一个固定值来生成left值

这里还有可能你是使用flex来布局的，这个需要你设置对齐方式为两端对齐space-between

具体什么原因还需要你给出详细的定位信息

Answer 2

这里给你提供一个思路。
opacity:0;或者visibility: hidden;,推荐用后者。因为点不到了。这样的话，就是有占位的。位置不会抵消掉。
你想处理的时候把这些都删了就可以。还可以撤销删除。哈哈