jQuery .append（）が位置を狂わせます

Question

私は、ユーザーがオブジェクトを追加してjQuery-UIを使用してドラッグできるWebページを作成しようとしています。 （画像やテキスト可能）オブジェクトを追加するために使用されるコードはこのように要約することができます：私は、最初のオブジェクトを作成すると

function createObject($inner) { 
    var $newObject = $("<div></div>").append($inner) 
    .attr(/* some attributes */) 
    .css(/* some css (which makes the position relative) */) 
    .appendTo($father); 
} 

、私は何の問題もありません。それはですしかし、後続の各オブジェクトは、前のオブジェクトの端を使用して（0; 0）座標、そうのような：

+----------++----------+ 
| object A || object B | 
+----------++----------+ 

オブジェクトBの座標は（0、0）があり、それが明確でなくても左上隅にあります。誰かがなぜこれが事実であるか知っていますか？

Answer 1

あなたはまた

https://www.w3schools.com/cssref/pr_class_position.asp

position:absolute; 

絶対するCSSのpositionプロパティを使用する必要があり、あなたが参照している$の父は常に同じであることを確認する必要があります。

これは、position：absoluteでdiv/containerブロックを作成し、新しく追加されたすべての要素をそのブロックに追加することで実行できます。