Javascript jQuery拖放并调整大小

我正在使用and来重新调整div的大小和拖动。它给了我一些奇怪的行为，比如在重新调整大小时，它跳出容器。我如何修复它。任何帮助都应该感谢

HTML:-

<div class="paper-area" id="paper_area"></div>
<div class="upload-logo drag">Upload Logo</div>

CSS:-

---

有两个主要问题（见更新的fiddle:）：

-包含区域实际上并不包含灰色矩形。为了解决这个问题，我将html更改为：

<div class="paper-area" id="paper_area">

<div class="upload-logo drag">Upload Logo</div>
 </div>

上传徽标

-灰色矩形在拖动开始时跳跃，因为它有

边距：0 auto删除了边距，它就工作了

小提琴的当前状态可能不是你想要达到的。最终结果应该是什么？

html:

<div class="paper-area" id="paper_area">
    <div class="upload-logo drag">Upload Logo</div>
</div>

<div class="paper-area" id="paper_area">

<div class="upload-logo drag">Upload Logo</div>
 </div>

<div class="paper-area" id="paper_area">
    <div class="upload-logo drag">Upload Logo</div>
</div>

  .upload-logo {
       position:absolute;