定位
position: static; 默认值
position: absolute; 绝对定位，脱离文本流，参照物是最近的父元素，如果没有就是浏览器窗口
position: relative; 相对定位，不脱离文本流，参照物是自己的初始位置
position: fixed; 固定定位，脱离文本流，参照物是浏览器的当前窗口
position: sticky; 粘性定位，可以做吸顶效果
注意：top、right、bottom、left这四个属性要生效的话,必须得设置相对定位/绝对定位，即position：relative;或者position：absolute;，也就是说top、right、bottom、left是为相对定位/绝对定位而生的。
定位（absolute）和浮动(float)的区别：
float：半脱离，文字环绕
absolute：全脱离，不会出现文字环绕
层级
在定位中，后定位的盒子会覆盖先定位的盒子，即后来者居上。
z-index在定位布局才生效。
z-index默认为0。
在relative里，使用z-index的时候，z-index表示的数字越大，层级越高，兄弟布 局，无论谁设置z-index都可以改变层级。
在absolate里，父子布局，如果要改变层级，则把z-index放在子盒子里，改子盒子为负数。