CSS布局中 position 属性

position 属性是用于元素的定位。其中分为五种不同定位方式：

• static
• relative
• fixed
• absolute
• sticky

position: static;

HTML 元素默认情况下的定位方式为 static（静态）。

position: relative;

position: relative; 相对定位，相对父元素的位置。

position: fixed;

position: fixed; 的元素是相对于视口定位的，即使滚动页面，它也始终位于同一位置。

position: absolute;

position: absolute; 绝对定位。

position: sticky;

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