可以在网格显示中删除动态创建的div，而不移动其相邻的div吗？

<div class="grid-container">
  <div class="item1">Item 1</div>
  <div class="item2">Item 2</div>
  <div class="item3">Item 3</div>
  <div class="item4">Item 4</div>
</div>

.grid-container {
  display: grid;
  grid-template-areas:
    "item1 item2 item2"
    "item3 item3 item4";
  grid-gap: 10px;
}

.item1 {
  grid-area: item1;
}

.item2 {
  grid-area: item2;
}

.item3 {
  grid-area: item3;
}

.item4 {
  grid-area: item4;
}

// 删除动态创建的div
var item4 = document.querySelector('.item4');
item4.parentNode.removeChild(item4);