试图将两个图像放在一个Div JS中

Question

我试图将图像拖到一个Div。但是一个IMG占据了整个空间，不允许丢弃另一个IMG。

这是我的代码的外观：

html

<div id="main">
            <div id="pallet">
                <img src="css/images/one.jpg" alt="" draggable="true">
                <img src="css/images/two.jpg" alt="" draggable="true">
                <img src="css/images/three.jpg" alt="" draggable="true">
                <img src="css/images/four.jpg" alt="" draggable="true">
            </div>
            <div id="layout">
                <div class="dropzone"></div>
                <div class="dropzone"></div>
                <div class="dropzone"></div>
                <div class="dropzone"></div>
            </div>
        </div>

js

listener("drop", (event) => {
  console.log("drop !");
  event.preventDefault();
  if (event.target.className === "dropzone") {
    dragged.parentNode.removeChild(dragged);
    return event.target.appendChild(dragged);
  }
});