04-定位（position）

定位（position）

通过给元素设置 position 值来开启定位。

可选值

1.static ：默认值，不开启定位
2. relative ：相对定位
3. absolute ：绝对定位
4. fixed ：固定定位；
5. sticky ：粘滞定位；

偏移量（offset）

不设置偏移量时，元素位置不会改变

position:absolute;
top:10px;
bottom:10px;
left:15px;
right:15px;

特点对比图

~	relative	absolute	fixed	sticky
层级提升	是	是	是	是
脱离文档流	否	是	是	是
改变元素特性（行内变成块儿）	否	是	是	是
参照物	元素原位置	包含块	视口	~

包含块儿

离元素最近的一个祖先块元素

在开启定位的元素中
离元素最近的开启定位的祖先元素

视口

当前网页里能看见的页面范围

元素的层级

z-index:2;
//值为整数，值越大，层级越高

层级相同时，结构在下面的元素显示在上面。
祖先元素的层级再高，也不会盖住后代元素