CSS 定位属性
CSS position 属性决定了元素在页面上的位置。你可以使用 top、right、bottom 和 left 来移动它们。
定位主要有五种类型。
Static
这是默认设置。元素遵循页面的正常文档流顺序。在此模式下，使用 top 或 left 属性不会产生任何效果。
Relative
这会根据元素的原始位置进行移动。如果你在 top 上添加 20px，元素会向下移动。其他元素仍保持在原来的位置，不会填补留下的空隙。
Absolute 这会将元素从正常的页面流中移除。它根据其最近的已定位祖先元素进行定位。
其他类型包括 Fixed 和 Sticky。Fixed 元素即使在滚动时也会保持在同一个位置。Sticky 元素在到达特定点之前表现得像 relative 元素，到达该点后则会保持固定。
在这里了解更多关于这些属性的信息。
来源：https://dev.to/kavin_loyola_660466e5ea96/css-position-properties-23o8