定位

position: absolute;绝对定位的元素移动时的参照点是祖先元素的位置

• 如果没有祖先元素或祖先元素没有定位，则以浏览器为准定位

• 如果祖先元素有定位（相对、绝对、固定）则以最近一级有定位元素作为参照点

• 脱标：绝对定位不再占有原先的位置

position: relative;相对定位

• 相对定位的元素移动时的参照点是自己原来的位置

• 不脱标：继续保留原先的位置，不会脱离标准流

• 典型应用：给绝对定位当爹的hhh子绝父相（大相小绝）

position: fixed;固定定位

• 始终固定于浏览器的可视区域，以浏览器的可视窗口为参照点移动元素；
• 不随滚动条滚动；
• 固定定位不占有原先的位置，脱标！

z-index: 1;

• 层叠等级属性，用于调整重叠定位元素的堆叠顺序。
• 取值：可为正整数、负整数和0；
• 默认值为0，取值越大，定位元素在层叠元素中越靠前（上）