top参考的元素是有定位属性的最近的祖先元素，也就是说：不给某个祖先元素设置position的话，top参考的是整个page。
<view style="top:200px"> <view style="position:absolute;top:10%">o</view> </view> <!--这段代码将会在距离页面顶端10%的地方展示字母'o'-->
<view style="position:absolute;top:200px"> <view style="position:absolute;top:10%">o</view> </view> <!--这段代码将会在距离页面顶端10%+200px的地方展示字母'o'-->