main div height issue after inner div
<p>I am adding &amp; removing div inside the main div using javascript dynamically. I am using appendChild and removeChild method for this purpose. </p>

<p>Example,</p>

<pre><code>&lt;div&gt;
   &lt;div&gt;&lt;/div&gt;
   &lt;div&gt;&lt;/div&gt;
   &lt;div&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>If I remove the first div then the space of first div is still there. I would like to remove the space used by first div and need to bring the second div to first position. Please suggest me good way to do this. Any jquery library also I would like to try. </p>

<p>thanks</p>
