CSS定位position

static 静止的未开启定位 （默认值）

relative 开启元素的相对定位

absolute 开启元素的绝对定位

fixed 开启元素的固定定位

sticky 开启元素的粘滞定位

偏移量 offset

• 垂直方向 top bottom
• 水平方向 left right

相对定位

1.参照元素在文档流中的位置来进行定位

2.如果不设偏移量 元素位置不会发生变化

3.提升元素层级

4.不会使元素脱离文档流

5.不会改变元素的性质，块还是块，行还是行

绝对定位

1.从文档流脱离

2.如果不设偏移量 元素位置不会发生变化

3.改变元素性质，块元素的宽高被内容撑开

4.元素的层级提升

5.包含块（离当前元素最近的祖先块元素） 绝对定位的包含块（离它最近的开启了定位的祖先块元素，如果所有的祖先元素都没有开启定位，则根元素html就是它的包含块）

绝对定位是相对于其包含块进行定位的

固定定位

也是一种绝对定位 参照浏览器的视口进行定位 其他就与绝对定位一样

粘滞定位

跟相对定位特点基本一致 当元素到达某个位置将其固定

元素层级

• z-index 指定元素层级 开启定位后指定
• 值需要整数，值越大，元素层级越高，优先显示。
• 如果层级相同，浏览器优先显示靠下的元素
• 祖先元素层级再高也不会盖住后代元素