0_4 CSS定位、层级

1.定位，

一种更高级的布局手段，可以通过定位把元素摆放在页面的任意位置

使用position属性设置定位

1.1　　position可选值：

static 　　默认值

relative　　相对定位，参考元素在文档流中的位置，提升层级，不脱离文档流，不改变元素性质（块、行内）

absolute　　绝对定位，参考元素在包含块（开启定位的祖先元素||根元素），提升层级，改变元素性质

fixed　　固定定位，一种绝对定位，但是参考浏览器的视口

sticky　　粘滞定位，和相对定位特点基本一致，但是设置的是--元素到达某个位置时将其固定

1.2 定位的偏移量

　　元素开启定位以后，通过偏移量设置元素位置

top　　定位元素和参考元素上边的距离

bottom　　......

left　　......

right　　......

 2、元素的层级　　z-index

开启了定位的元素，通过设置 z-index指定层级，层级越高越优先显示

层级一样则优先显示靠下的元素，

祖先元素层级再高也不会盖住后代元素