使用js的getBoundingClientRect方法获取图片的top出了问题

Question

我在使用原生js的getBoundingClientRect方法获取一组img的top时，发现获取到的img的top相等，这些img我设置了display：block;position：relative；但是没有设置top值，大致如下：<img src="" alt=""><img src="" alt=""><img src="" alt="">按理这三个图片应该是从上到下一个个排下来的（实际布局得到的效果也是如此），所以top值会不同，可是我获取到的值确实是相同的，我非常疑惑，难道是我理解错了文档的意思吗？请指点...