如何根据铁列表中的主要父项设置每个子项？

Question

我有一个简单的<div>里面的铁列表。当铁列表遍历数据数组时，我希望<div>的每个实例都相对于主铁列表的顶部进行样式设置，但无论我尝试什么（绝对和相对样式的组合）我似乎无法让它发挥作用。如果有人能帮我实现这一点，我将不胜感激。以下是相关代码：

<app-header-layout has-scrolling-region style="top: 10px; left:0px; float:left; width: 99%; min-height: 535px; background-color: #999;">

  <iron-list id="myList" items="[[data]" as="myItem" selection-enabled multi-selection>
    <template>      

    <div id="divID" style$="background-color:#FFF; height:[[myItem.height]]px; top:[[myItem.top]]px; border-radius: 3px; border-color:#333; border-width:1px; border-style: solid;"></div>

    </template>
  </iron-list>
</app-header-layout>

当孩子大小改变时，只有孩子相对于铁列表的顶部正确地重新定位，但是如果我刷新页面，则引用似乎改变为它上面的最后一个孩子而不是顶部。