介绍之前写过一篇文章，讲解position的几个常用属性：《CSS基础篇-- position属性讲解》大体上知道以下几个常用的：{position:static;position:relative;position:absolute;position:fixed;}https://developer.mozilla.org/zh-CN/docs/Web/CSS/position也说了下面三个值：/*globalvalue*/position:inherit;位置：初始；位置：未设置；估计大部分都没用过position:sticky。这个属性值还在试验阶段。怎么形容呢？粘性：物体在正常时遵循正常流动。它就像是相对和固定的结合。当它在屏幕中时，它会按照正常流程进行格式化，而当它滚出屏幕时，它会表现得像固定的一样。这个属性的表现就是你在现实中看到的吸附效果。常见场景：当元素与页面视口（Viewport，固定定位的参考）顶部的距离大于0px时，元素显示为相对定位，当元素与页面的距离视口小于0px，元素固定定位显示，即固定在顶部。代码：{位置：-webkit-sticky；定位：粘性；top:0;}如下图：如果距离页面顶部大于20px，则表现为position:relative;如果距页面顶部的距离小于20px，则表现为position:fixed；使用position:sticky实现头部导航栏的固定html代码： 这是一段文字 这是一段文字 这是一段文字Title1
