使用 position:sticky 实现粘性布局
使用 position:sticky 实现粘性布局
标签（空格分隔）： css
position取值
| 属性 | 作用 |
|---|---|
| position: static; | 默认值。没有定位，元素出现在正常的流中 |
| position: relative; | 生成相对定位的元素，相对于其正常位置进行定位。 |
| position: absolute; | 生成绝对定位的元素，相对于浏览器窗口进行定位。 |
| position: fixed; | 生成固定定位的元素，相对于浏览器窗口进行定位。 |
| position: sticky; | 粘性定位，该定位基于用户滚动的位置。它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。 |
| position: inherit; | 规定应该从父元素继承 position 属性的值。 |
| position: initial; | 设置该属性为默认值。 |
