css定位

position: static; 的元素不会以任何特殊方式定位；它始终根据页面的正常流进行定位：

position: relative; 的元素相对于其正常位置进行定位。

position: fixed; 的元素是相对于视口定位的，这意味着即使滚动页面，它也始终位于同一位置。 top、right、bottom 和 left 属性用于定位此元素。

position: absolute; 的元素相对于最近的定位祖先元素进行定位（而不是相对于视口定位，如 fixed）。

然而，如果绝对定位的元素没有祖先，它将使用文档主体（body），并随页面滚动一起移动。

position: sticky; 的元素根据用户的滚动位置进行定位。