Javascript 内部div后的主div高度问题

我正在使用javascript动态地在主div中添加和删除div。为此，我正在使用appendChild和removeChild方法

例如

<div>
   <div></div>
   <div></div>
   <div></div>
</div>

如果我移除第一个div，那么第一个div的空间仍然存在。我想删除第一个div使用的空间，需要将第二个div移到第一个位置。请建议我做这件事的好方法。任何jquery库我也愿意尝试

谢谢

您可以使用remove（）。请参见下面的示例

在

$（文档）.ready（函数（）{

函数）中尝试以下代码

$('.add').click(function (){
      $('#main').append('<div style="height:30px;border:1px solid #CCC;margin:10px;width:30px;">hey</div>');
 });

/** remove a child from a  container **/
$('.remove').click(function (){ 

   $('#main div').first().remove();
});

$（'.add'）。单击（函数（）{
$（'#main'）。追加（'hey'）；
});
/**从容器中移除子容器**/
$（'.remove'）。单击（函数（）{
$（'#main div'）.first（）.remove（）；
});

你的Html正文是这样的

<div id="main"></div>
<a href="#" class="add">Add</a>
<a href="#" class="remove">Remove</a>

---

发布一些代码到目前为止您已经尝试过的代码发布您的代码“如果我删除了第一个div，那么第一个div的空间仍然存在”是什么意思？