使用 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;	设置该属性为默认值。

初窥 position:sticky