定位 position
小于 1 分钟
1. static:这是position的默认值,元素按照正常的文档流进行排列,不会受到top、bottom、left、right等属性的影响。
2. relative:相对定位,元素相对于其原始位置进行定位,但元素本身在文档流中的位置会被保留,即元素仍占据其原始空间。
3. absolute:绝对定位,元素的位置相对于最近的已定位祖先元素(即设置了position属性的元素,且值不为static),如果不存在已定位的祖先元素,则相对于最初的包含块进行定位。绝对定位的元素会脱离正常的文档流,不占据空间。
4. fixed:固定定位,元素相对于浏览器窗口进行定位,即使页面滚动,元素也保持在相同的位置。
5. sticky:粘性定位,top与滚动配合,滚动前是relative,滚动后是fixed
这个比较难理解,举个例子


滚动后
