假设我有一个带有两个按钮的 div 来添加框和删除框：
<div id="container" height=500 width=300>
</div>
<button>Add</button>
<button>Remove</button>
单击“添加”将“添加”一个 div 到宽度为“200”且高度为“200”且带有字母“X”的容器。再次单击“添加”将在其正上方添加一个相同大小的框。
单击 div 上的任何“X”都会导致该 div 消失，并且其下方的其他 div 会向上滑动以填充其空间。
单击删除将删除顶部框并导致下面的任何其他 div 向上滑动以占用其空间。
如何在Javascript中实现这个效果？