Javascript 如何阻止removeChild（）使其他兄弟姐妹向上移动？

我有一个单页应用程序，当我打开许多窗口（div）并关闭其中一个窗口时，所有这些窗口都向上。我在css（.newchat）中设置了窗口的相对位置，这样当我打开许多窗口时，它们可以很好地堆叠。但我认为它在关闭其中一个时会产生这个错误。但是，将窗口位置更改为“绝对”时，错误会消失。但这不会使它们像书页一样相互重叠

这是我的css，其中body是父级

 body {
background: #e9e9e9;
color: #9a9a9a;
font: 100%/1.5em "Droid Sans", sans-serif;
position: relative; 
height: 985px;
width: 100%;
}
.newchat{
 position: relative;  
z-index: 30; 
width: 20%;
height: 7em;
font-size: 12px;
width: 300px;
opacity: 0.9
}

用于关闭窗口的app.js

  document.addEventListener('click', function (e) {
   var ele = e.target
   if (ele.id === ('chat-close')) {
   ele.parentNode.parentNode.parentNode.removeChild(ele.parentNode.parentNode)
return false
}
})

---

可能设置可见性：隐藏；与使用remove-childYep不同的是，@user2887596所说的方法会起作用，或者，您可以将每个“窗口”的内容包装在一个附加的文件中，并在该div上调用removeChild，而不是容器。这样，容器将保持在那里，并保持相同的高度，使以下所有元素相对于其容器保持相同的Y位置，同时仍然删除窗口的内容。