使用z-index将图片附加到div

Question

我要将拖放的图像附加到div（ID = A），该图像中已经具有z索引2的另一个div（ID = B）。当我放置图像时，它们会在为空间保留空格后附加第二分区我该如何添加图像，使它们不会为另一个div留出空间。我希望所有3个图像都彼此重叠。

<div id ="A" style="width:300px;height:300px;border:3px solid black;z-index:1"  ondrop="dropb(event)"  ondragover="myfkb(event)">    
<div id="B" style="width:100px;height:100px;border:2px solid black;background:none;z-index:2">drag</div></div>

JS

       var node2 = document.createElement("div");
       const img = document.createElement("img");
       img.className = "my_image";
       img.setAttribute('draggable', "true");
       img.classList.add("obj");
       img.file = file;
       node2.appendChild(img);
       var x = document.getElementById("A");
       x.appendChild(node2);