javascript - 将 div 放在其他 div 的左边框上

Question

是否可以将 div .timedistance 放在 .draggable div 的左边框上，使其看起来像这样？

演示:http://jsbin.com/erofot/189

代码:

$('.draggable').hover(function(){
    $(this).find('.line').show();
                $(this).find('.timedistance').show();

}, function() {
    $(this).find('.line').hide();
      $(this).find('.timedistance').hide();


});      

      }
    });
          $(".draggable").each(function() {
   $(this).append("<div class='line'></div>");
               $(this).append("<div class='timedistance'></div>");

});

和 CSS:

.line
{
  display: none;   
  width:5px; height:200px; background:#ccc;
}
.timedistance
{
  display: none;   
  width:100px; 
  height:54px;
  background:#ccc;
}

Answer 1

解决方法是:

margin-left: -100px;
margin-top: -54px;