为什么悬浮层的顶部高度不等于this的顶部高度呢？

var h0=(this.i-1)*30 + 42;

this.getElementsByTagName('div')[0].style.top=h0+'px';

按照上面的代码计算，悬浮层顶部应该和当前this的高度刚好在同一水平线上的呀？但是结果如下图，悬浮层顶部高度比导航栏的this高出好多。。这是为啥呢？