CSS 定位详解：从相对定位到粘性定位

CSS 定位是一种布局技术，它允许您精确地放置 HTML 元素在一个网页上。以下是几种常用的 CSS 定位技术：

1. 相对定位：相对于元素原来的位置移动，不改变其他元素的位置。

2. 绝对定位：相对于最近的已定位祖先元素进行定位，如果没有已定位的祖先元素，则相对于文档的 body 元素进行定位。

3. 固定定位：相对于浏览器窗口进行定位，不随页面滚动而移动。

4. 浮动定位：将元素从文档流中移除，并使其向左或向右浮动，直到遇到另一个浮动元素或者到达容器边缘。

5. 粘性定位：元素在滚动时会固定在屏幕上的某个位置，直到到达某个特定的位置才会停止。

通过使用这些定位技术，您可以轻松地创建复杂的布局和动画效果。