Jquery draggable 没有到达容器的边缘

Question

我对此 JSfiddle 的代码非常满意，但由于某些我无法理解的原因，三角形不会到达其容器的顶部或右侧边缘。如果有人能看一看并解释原因，我将不胜感激。

#sandpit{
    /* display: inline-block; */
    position: relative;
    margin:20px auto;
    width: 600px;
    height: 400px;
    border: 4px solid #7b6eb1;
    border-radius: 5px;
    /* background-color: #FFC469; */
    background-color: #FFFCCF;
    padding: 2px;
}

.draggable{
    margin: 0;
    width:25px;
    height:25px;
}

Answer 1

将 newTriangle 的 css 更改为：

.newTriangle{
  position:absolute;
  right:0;
}