子元素中position的默认取值是static（文档流）默认出现的位置
position：relative（相对的）定位方式：
相对于他之前在文档流中的位置进行偏移（不影响其他文字，也不影响他的爸爸）
position：absolute（绝对定位）定位方式
绝对定位，相对于祖先元素中第一个被定位的元素。所以使用时要加position：relative。判断方向是先看最近的爸爸，再看爷爷。body兜底
当top为100%时，则在底部的外侧（相对于爸爸的高度的100%，不是自己的
position：fixed（相对于视口）
例外：当祖先中出现transform时就参考transform进行定位
position：sticky（浮在窗口上侧）（不常用）如果定位的元素在页面上看不见，也会跟着消失.
z-index 决定定位元素的垂直关系
如果是同一级别的z-index就比较数值大小 如果有层级关系那小部门的大领导也比大部门的小领导弱
