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

Question

我有一个单页应用程序，当我打开许多窗口（div＆＃39; s）并关闭一个所有这些窗口向上。我在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
}
})