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;
}