在 JQuery UI 中动态地将 div 放置在可调整大小的元素的左上角

Question

我正在为 JQuery UI 的 Draggable 界面创建自定义样式，您可以在此处看到：

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

我在使 NW-Resize 部分正常工作时遇到问题，如果您查看框的左上角（例如 North West 可调整大小类），您会发现它是相对于开始位置和看起来不错，但是当你调整盒子的大小时，它就变得一团糟。

我想不出一种方法让它始终位于正确的位置（因为这是动态生成的，我也无法更改实际的 HTML。

Answer 1

这应该可以解决问题。在 .ui-ressized-nw 上将 position:relative 更改为 position:absolute 并将 top:-166px 更改为顶部：-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;
}