鍍金池/ 問答/HTML5  HTML/ 關(guān)于絕對(duì)定位的問題

關(guān)于絕對(duì)定位的問題

問題描述

clipboard.png

如圖這是三個(gè)可以拖動(dòng)的div，均設(shè)置了絕對(duì)定位，當(dāng)我刪除第二個(gè)div即名字為GRU1的時(shí)候，此時(shí)Dense2會(huì)占據(jù)之前GRU的位置，怎么才可以刪除第二個(gè)div保持后面的div仍在之前的位置，而不會(huì)變化
如圖：刪除第二個(gè)，之前的第三個(gè)div占據(jù)了被刪除的
clipboard.png

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

相關(guān)代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）
對(duì)應(yīng)的每個(gè)div代碼,三個(gè)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>

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？

回答
編輯回答
耍太極

絕對(duì)定位的元素是根據(jù)top，left，bottom，right來調(diào)整位置的，這里你沒有給出這個(gè)最重要的定位信息

如果你是使用left或right定位的，那么你是使用元素v-for循環(huán)，動(dòng)態(tài)生成的left值嗎？如果是的話可以通過給定一個(gè)固定值來生成left值

這里還有可能你是使用flex來布局的，這個(gè)需要你設(shè)置對(duì)齊方式為兩端對(duì)齊space-between

具體什么原因還需要你給出詳細(xì)的定位信息

2018年8月30日 14:10
編輯回答
短嘆

這里給你提供一個(gè)思路。
opacity:0;或者visibility: hidden;,推薦用后者。因?yàn)辄c(diǎn)不到了。這樣的話，就是有占位的。位置不會(huì)抵消掉。
你想處理的時(shí)候把這些都刪了就可以。還可以撤銷刪除。哈哈

2017年12月16日 06:35