指示在放置区域内放置div的位置

Question

我使用html和javascript进行拖放设置，效果很好。我的问题是用户如何知道何时在放置区域中放置一次div，这样它就不会重叠并破坏先前丢弃的div？我在放置区域添加了边框更改，当它悬停时它也会影响div中的边框（它不会消失）。但是有没有办法说一个浮动的div，它说在这里下降div移动到下降的div之下。 这是我拖放的javascript：

  function allowDrop(ev) {
    ev.preventDefault();
  }

  function drag(ev) {
    ev.dataTransfer.setData("Text",ev.target.id);
  }

  function drop(ev) {
    ev.preventDefault();
    var data=ev.dataTransfer.getData("Text");
    ev.target.appendChild(document.getElementById(data).cloneNode(true));
    $(document).ready(function(){
      $('.ton').click(function(e){
        $clone = $('#addtitle').clone();
        $clone.attr('id', 'line-' + ($('.line').length + 1) );
        $clone.insertBefore($('.button-div'));
    });
    });
  }

谢谢