快速定位:
利用这些工具类快速设置元素的位置
固定在顶部:
将一个元素固定在视口（viewport）的顶部且边缘对齐。使用之前请确保你充分了解了该定位对你的项目所带来的影响。你可能还需要添加额外的 CSS。
固定在底部:
将一个元素固定在视口（viewport）的底部且边缘对齐。使用之前请确保你充分了解了该定位对你的项目所带来的影响。你可能还需要添加额外的 CSS。
黏着在顶部 sticky:
当页面滚动并经过某个元素之后，该元素被固定在视口（viewport）的顶部且边缘对齐。
黏着在底部 sticky:
当页面滚动并经过某个元素之后，该元素被固定在视口（viewport）的顶部且边缘对齐。
![]()
黏着在底部-响应式:
支持响应式
当视口（viewport）是 SM (small) 或更宽的尺寸时，黏着在视口（viewport）的底部
当视口（viewport）是 MD (medium) 或更宽的尺寸时，黏着在视口（viewport）的底部
当视口（viewport）是 LG (large) 或更宽的尺寸时，黏着在视口（viewport）的底部
当视口（viewport）是 XL (extra-large) 或更宽的尺寸时，黏着在视口（viewport）的底部
当视口（viewport）是 XXL (extra-extra-large) 或更宽的尺寸时，黏着在视口（viewport）的底部