定位=定位模式+边偏移
1.定位模式（position）
静态定位：static
相对定位：relative
绝对定位：absolute
固定定位：fixed
2.边偏移（相对父元素的边偏移）
上：top
下：bottom
左：left
右：right
静态定位：默认定位方式，无定位
按照标准流特性定位，没有边偏移，很少用到
相对定位：元素在移动位置时相对于自身原来的定位来说
top：100px 以自身原本定位向下移动100px （原位置保留，其他box没有浮动，不脱标）
作为绝对定位的父元素定位模式
绝对定位：相对于祖先元素来定位
没有父元素或父元素没有定位模式的情况下，以浏览器为准
不占有原位置，脱标
子绝父相：如果子级使用绝对定位，父级则需要使用相对定位
固定定位：固定于浏览器的可视区域（不受页面滚动影响）
sticky粘性定位：相对定位和固定定位的混合
以浏览器的可视窗口为标准移动，占有原位置必须添加边偏移中的至少一项才会有效果
top：0 吸顶效果（IE不支持）
定位叠放次序（z-index）
数值越大，盒子越靠上
默认值为auto，前面的盒子小于后面的盒子