设置偏移量 单位：px 通常偏移量只使用2个就可以定位了
left(相对于定位位置的左侧偏移量) right（右） top（上） bottom（下）
属性
- position:static（默认常规流对布局方式）
- position:relative（相对定位）
1.相对于元素在常规流中自身原来的位置移动；
2.不会脱离常规流；
3.会使元素提升一个层级
4.不会改变元素性质 - position:absolute（绝对定位）
1.会脱离常规流；
2.如果不设置偏移量元素位置不会发生变化
3.相对于离他最近的开启了定位的祖先元素进行定位fixed relative absolute的（ 开启了子元素的绝对定位都会开启父元素的相对定位），如果所有的祖先元素都没开启定位，则相对于web窗口定位
4.会使元素提升一个层级
5.会改变元素的性质 块元素的宽高默认被内容撑开,行内元素可以设置宽高 - position:fixed（固定定位)
1.会脱离常规流；
2.如果不设置偏移量元素位置不会发生变化
3.固定定位永远都会相对于浏览器窗口进行定位
4.会使元素提升一个层级
5.会固定在浏览器窗口的某个位置，不会随滚动条滚动
IE6不支持固定定位（但是我们可以用JS可解决这个问题）
- position:sticky(粘性定位)
1.综合了static，relative，fixed几种定位方式
2.元素即将从视口的某个方向离开时，该方向以fixed定位
当元素的某一方要离开其包含块时，随其包含块离开
3.无论何种情况，元素在常规流中的位置保留
4.当不明确指定时，元素的从它在常规流中开始的位置开始。
5.top为正为向下移动，为负向上移,left为正时向右移动，为负时向左移动
6.取百分比时，百分比相对于包含块（或定位祖先）的content-box的对应尺寸 - z-index
1.元素重叠时，z-index可以调整其堆叠顺序，值越大越往上（离用户越近）
2.只能取整数
3.父元素层级再高也盖不住子元素
