定位

定位
1、定义:将盒子定在某个位置
定位=定位模式+边偏移
2、定位模式
position:static 静态定位 （了解，没有定位）
position:relative 相对定位
position:absolute 绝对定位
position:fixed 固定定位
边偏移：
边偏移是定位的盒子移动到的最终位置。有四个属性。
top: 正值（下） 负值（上）
bottom:正值（上） 负值（下）
left:正值（右） 负值（左）
right:正值（左） 负值（右）
3、position:relative 相对定位
1、相对于自身位置进行移动
2、设置了相对定位的元素，不会对元素的父级和相邻元素有任何的影响（元素走了，位置留着）
4、position:absolute 绝对定位
1、脱离标准文档流（位置不保留）
2、使用绝对定位的元素，以它最近的“已经定位”的“祖先元素”为基准进行偏移，如果没有已经定位的祖先元素，则以浏览器的窗口为基准进行定位。
1、已经定位：设置了position，并且设置了除static之外的任意一种方式
2、祖先元素：从一个节点找到根节点，经过的所有的节点都是他的祖先元素
5、子绝父相：
父亲需要占有位置，为相对定位。子盒子不需要占有位置，但是需要在父盒子的某个位置，则为绝对定位。
6、position:fixed 固定定位
使用场景：在浏览器页面滚动时元素的位置不会改变
7、z-index
1、语法：
选择器{ z-index;整数; }
2、特点：
取值为整数，默认为0。值越大的层位于值越小的上面。值越大离人越近。
注意：只对已经定位的元素有效