Javascript jqueryui:Container div调整大小

在下面的示例中，容器div中有两个可拖动div。当通过单击按钮删除第二个可拖动div时，第一个div向上移动，并调整容器的大小。移除第二个div时，第一个div不应移动，因为其位置是绝对的。这个代码怎么了

HTML：

<div id="container" style="background-color:blue;width:100%;height:100%"></div>
<button onclick="removeDiv()">Remove</div>

还有javascript：

$(document).ready(function(){

    var $div0 = $('<div id="div0" />').appendTo('#container');
    $div0.draggable();
    $div0.offset({ top: 200, left: 350});
    $div0.css('background-color','white');
    $div0.css('width','150px');
    $div0.css('height','200px');
    $div0.text(0);

    var $div1 = $('<div id="div1" />').appendTo('#container');
    $div1.draggable();
    $div1.offset({ top: 200, left: 50});
    $div1.css('background-color','white');
    $div1.css('width','150px');
    $div1.css('height','200px');
    $div1.text(1);

 });


function removeDiv () {
    $('#div0').remove();
}

---

两个可拖动div都有相对位置。你可以这样把它们修好：

因为它们现在已完全定位，所以需要为父div指定一个高度。如果您使用100%，您还需要将该高度应用于html，body

#container {
    position: relative;
}
#container > div {
    position: absolute;
}