jquery에서 remove시 태그 당겨짐 현상에 대하여 채택완료

<div id='wrapper'>

<div style='position:relative'>

<div id='div1'>1번 div</div>

</div>

<div style='position:relative'>​

<div id='div2'>​2번 div</div>

</div>

<div style='position:relative'>​

<div id='div3'>​3번 div</div>

</div>

</div>

와 같이 작성되어있을때,

jquery에서,

2번 div 태그를 

remove() 했을시, 2번자리로 3번 태그가 올라 가는 현상이 발생되는데, 이걸 막으려면 position을 absolute로 하는 방법말고는 없을까여?

실제로 만들고 싶은건 '추가' 버튼을 눌렀을때 wrapper라는 id를 가진 div 태그에 

<div style='position:relative'>​

<div id='div4'>4번 div</div>

</div>

와 같이 태그를 계속해서 추가하고 싶은데.. 

이렇게되면, 태그를  계속 추가할시, 스크롤바가 생성되더라구여.

딱 정해진 wrapper id 값 범위내에서만 div를 drag할 수 있게 만들고자 하는데.. 큭

어쩔 수 없이 absolute로 값 정해주어야하는건지요~

도움 부탁드리겠습니다~!