jquery - Jquery UIのサイズ変更可能な問題は、封じ込めを超えて拡大します（ドラッグ可能も使用されます）

Question

私が直面している問題は、divのサイズ変更可能性にあります。Draggableで使用すると、問題が発生し、幅方向にサイズを変更できません。

サイズ変更可能なものを単独で使用する場合は、問題ありません。しかし、ドラッグ可能な機能で動作させる必要があります。

plsは提案します。

デモのjsFiddleリンクをクリックします。

Answer 1

position:relative;コンテナにを追加すると、問題が解決します。

この実用的なフィドルの例を参照してください！

#ParentDIV {
    position: relative;
}

Answer 2

ドラッグ可能な要素が絶対配置され、コンテナが絶対配置されている場合、ドラッグされた要素を固定の幅と高さに設定できます。これにより、境界ボックスが作成され、ドラッグ可能オブジェクトが端から落ちるのを防ぎます。

#container {
    position:absolute;
}

#draggedObject {
    position:absolute:
    width: 100px;
    height: 50px;
}