position定位

1、position：static；静态定位

静态布局，position的默认属性值，不脱离文档流

2、position：absolute；绝对定位

1）脱离文档流
2）不保留定位前的空间
3）若父级元素有定位属性，则根据父级元素左上角定位；如果父级元素没有定位，则根据距离它最近的开启了定位的元素进行定位；如果都没有开启定位，则根据浏览器的左上角进行定位。

3、position：relative； 相对定位

1）不脱离文档流
2）保留定位前的空间
3）相对元素本身的位置进行定位（若相对本身向上或向左的话要设置top，left为负值）

4、position：fixed；固定定位

和绝对定位基本一致；
1）脱离文档流
2）不会根据滚动条的滚动而滚动。

5、position：sticky；粘性定位

是相对于相对定位和固定定位的结合。top、left、right、bottom在这不再是用于定位，而是作为特定阈值。只有指定top、left、right、bottom中之一，才会使粘性定位生效。

只有开启了定位且属性值不为static的元素才能直接使用top，left，right，bottom属性。