定位类

定位类用于控制元素的定位

• static: 默认定位方式，元素按照文档流排列

• fixed: 固定定位，相对于浏览器窗口定位

• absolute: 绝对定位，相对于最近的非static父元素定位

  定位类用于控制元素的位置

  • absolute: 绝对定位
  • top-0: 距离顶部距离为 0
  • left-4: 距离左侧距离为 1rem

• relative: 相对定位，相对于元素自身正常位置定位

• sticky: 粘性定位，相对于视口或最近的滚动祖先定位，直到滚动到一定位置后变为固定定位

也可以使用translate进行中心点的偏置定位，一般和居中布局搭配使用：

• translate-y-16：将中心点进行往下偏置，这样中心对齐就会往下偏移

  如果前面加一个负号：-translate-y-16，中心点就会往上偏置

• translate-x-16：将中心点进行往右偏置，这样中心对齐就会往右偏移

  如果前面加一个负号：-translate-x-16，中心点就会往左偏置