target-position 属性用于指定目标元素的定位方式，可以控制目标元素在页面中的位置。在实际开发中，通常会与 target 属性一起使用，指定要操作的目标元素。
语法
---------------- ------ - -------- - -------- - ----- - -------
static：默认值，元素在文档流中正常排列，不受top、bottom、left、right等属性的影响。relative：相对定位，元素相对于其正常位置进行定位，可以通过top、bottom、left、right属性进行调整。absolute：绝对定位，元素相对于其最近的非static定位的父元素进行定位，如果没有父元素，则相对于html元素。fixed：固定定位，元素相对于视口进行定位，即无论页面滚动与否，元素始终固定在页面上的某个位置。sticky：粘性定位，元素根据用户滚动的位置进行定位，当元素到达指定位置时会固定在该位置。
示例
------- - --------- --------- ---------------- ------- ---- ----- -
在上面的示例中，.target 元素设置了相对定位，并且使用 target-position: sticky; 将其设为粘性定位，同时通过 top: 20px; 属性将其向下偏移 20 像素。
注意事项
- 使用
target-position属性时要慎重考虑页面布局，避免出现元素覆盖或错位的情况。 - 不同的定位方式会影响元素的层叠顺序，需要注意元素的显示顺序和层级关系。