動的に作成された div をドラッグするテキスト ボックスを作成しました。しかし、ドロップされた他のdivにdivを配置すると、それらは重複しています。それらを垂直に配置する必要があります。jQuery では多くの解決策を見つけましたが、プレーンな JavaScript が必要です。私を助けて提案してください。
私が使用したhtml:
<div id="area1" align="center" ondrop="drop(event)" ondragover="allowDrop(event)" ></div>
私が使用したCSS:
#area1 {
float:left;
width:25%;
height:240px;
padding:10px;
border:1px solid #A485D8;
margin-left: 10px;
margin-right: 10px;
padding-top:10px;
}