这是与Flex布局定位完全不一样的定位方式,我们不再以x轴,y轴去规定容器或者项目的排列方式,而是以简单的上下左右来定位:
top:
left:
right:
bottom:
而且在使用Flex布局或者其他定位方式后,我们也可使用它来进行定位效果的微调。
更为细致与简单的定位方式让其深受喜爱,共有:
-
relative
-
absolute
-
fixed
-
sticky
-
static
想要使用这种方式,我们也需要像Flex布局一般进行声明:
position:static
接下来进行介绍
1.static
static,即默认值,我们无需声明在容器中,因为其本身就已经设定。在此状态下,我们可以对其使用Flex布局等定位去定位。
2.sticky
粘性定位,元素在跨越特定阈值前为相对定位,之后为固定定位。
通常用于把导航定位头部。
例如这个搜索,我们不想其跟随页面下滑而消失,而是随着下滑而固定在上方:
<view class="test1">
这是一个导航栏
&l