On the problem of absolute positioning

problem description

clipboard.png

divdivGRU1Dense2GRUdivdiv
:div
clipboard.png

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?


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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea3b5f-47a4e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea3b5f-47a4e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?