v-for作用于使用了position: absolute；的标签会渲染重叠

我的需求是要求一个列表根据v-for渲染指定列表数

看下面代码：

 

 然后是效果图：

 可以看到第二个盒子已经渲染出来了。但是他渲染重叠在一起了

当我把box-a这个盒子的属性：position: absolute注释掉之后：

看效果：

 可以看到box-a这个盒子已经渲染了10份并且没有重叠，

原因：可能是标签使用了position: absolute后脱离了文档流的原因而且我把定位换成了        position: fixed;还是会渲染重叠，其他的定位（position: relative;position: static;）则不会

我也不知道写的好不好欢迎补充