On the problem of absolute positioning

problem description

divdivGRU1Dense2GRUdivdiv
:div

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)
corresponding to each div code, all three divstyle are the same except for size

<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>

what result do you expect? What is the error message actually seen?

Node.js html5 typescript html javascript

Jun.11,2021

absolute positioning elements are positioned according to top,left,bottom,right. Here you did not give the most important positioning information

if you use left or right to locate, do you use element v-for loops to dynamically generate Left values? If so, the left value can be generated by giving a fixed value

it is also possible that you are using flex for layout, which requires you to set the alignment to align space-between at both ends

what is the specific reason that requires you to give detailed location information

here is an idea for you.
opacity:0; or visibility: hidden; , the latter is recommended. Because it can't be ordered. In that case, there is room for occupation. The position will not be offset.
you can delete all of these when you want to deal with them. You can also undo the deletion. Haha

Previous: Novice, how to change the path of compiling and running java, in sublime

Next: Django development personal blog encountered reading html strings from the database to the front-end browser part of the label can not be displayed correctly?