一、定位position
1、static 默认定位
基于文档流的定位
不受 top、bottom、left 和 right 属性的影响。position: static; 的元素不会以任何特殊方式定位;它始终根据页面的正常流进行定位。
2、relative 相对定位
基于正常文档流相对于自己原来的位置定位
设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。不会对其余内容进行调整来适应元素留下的任何空间。
3、absolute 绝对定位
脱离正常文档流
绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那
么它的位置是相对于<html>。
4、fixed 固定定位
脱离正常文档流
相对于视口定位的,这说明即使滚动页面,它也始终位于同一位置。 top、right、
bottom 和 left 属性用于定位此元素。固定定位的元素不会在页面中通常应放置的位置上留出空
隙。
5、sticky 粘滞定位
根据用户的滚动位置进行定位
粘性元素根据滚动位置在相对(relative)和固定(fixed)之间切换。起先它会被相对定位,直到在视口中遇到给定的偏移位置为止 , 然后将其“粘贴”在适当的位置。