动态定位一个div在一个可调整大小的JQuery UI元素的左上角

Question

我正在为JQuery UI的可拖动界面创建一个自定义样式，你可以看到这里:

http://psdesignzone.com/help/Designer.html

我有麻烦让NW-Resize部分正常工作，如果你看一下左上角的盒子(例如North West Resizable类)，你会看到它的位置相对于开始并且看起来不错，但是当你调整盒子的大小时，它变得一团糟。

我想不出一种方法来让它总是定位在正确的地方(因为这是动态生成的，我也不能改变实际的HTML)

Answer 1

这应该能奏效。在.ui-resizable-nw上，将position:relative改为position:absolute，将top:-166px改为top:-10px。

实例:http://jsfiddle.net/tw16/DNnSm/

.ui-resizable-nw {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #666;
    border-width: 1px 0 0 1px;
    position: absolute; /* changed from relative */
    top: -10px; /* changed from -166px */
    left: -10px;
    cursor: nw-resize;
}