Заполнение родительского div при выпадении

#javascript #jquery #html #css

#javascript #jquery #HTML #css

Вопрос:

у меня возникла проблема с тем, что div занимает все пространство при перетаскивании на другой div http://codepen.io/benasl/pen/qaJBPd?editors=0110 .

   function dragStart(ev) {
     ev.dataTransfer.effectAllowed='move';
     ev.dataTransfer.setData("Text", ev.target.getAttribute('id'));
     ev.dataTransfer.setDragImage(ev.target,100,100);
     return true;
  }
  function dragEnter(ev) {
     event.preventDefault();
     return true;
  }

  function dragOver(ev) {
       event.preventDefault();

  }
  $(document).ready(function(){
    $("#block").on('dragover',function(ev){
    $("#block").css({"border":"2px dashed black"});
    $("#block").css("background", "#a3a3a3");
    });

    $("#block").on('dragleave',function(ev){
    $("#block").css("border", "none");
    $("#block").css("background", "#d1d1d1");

    });
   });    
  function dragDrop(ev) {
      $("#block").css("border", "none");
     var data = ev.dataTransfer.getData("Text");
     ev.target.appendChild(document.getElementById(data));
     ev.stopPropagation();

     return false;
  }
  

Редактировать//////////////

Я нашел этот простой пример перетаскивания http://jsfiddle.net/wj4ak/5 / однако до сих пор не знаю, как сделать так, чтобы div заполнял родительский div при удалении.

Комментарии:

1. в чем проблема?

2. Мне нужно, чтобы синее поле занимало все пространство элемента #block и было того размера, который был в начале при перетаскивании из элемента #block .