css定位中top的逻辑

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'-->

发表评论

电子邮件地址不会被公开。