定位：

position:  写在需要定位的元素上
    relative 相对
    absolute 绝对
    fixd 固定
    sticky 粘滞

偏移量：

必须开启定位后才可以设置偏移
top: 整数往下，负数往上
    px
    % 相对父元素，有确定长度的父元素才可以设置百分比，块元素宽度100% 高度被元素撑起，top、botom设置百分比时默认=0
bottom
right
left

相对定位：

1、不脱离文档流
2、不设置偏移量时没有任何变化
3、0点是元素本身的位置
4、元素层级会提高
5、一直占着原本所占的位置

层级问题：

1、同一个层级下，标签写在下边的层级高（后来者居上）
2、调节层级：z-index:n; 数字越大，层级越高

绝对定位：

1、脱离文档流
2、宽度丢失
3、多个同级元素设置绝对定位，会堆在一起
4、未设置偏移量时自身位置没有变化
5、0点是向外找遇到的第一个开启了定位的祖先元素，如果都没有，就基于HTML根元素
6、父容器会出现高度塌陷
    注：BFC不能解决，唯一的解决方法是给父元素加宽高

布局：分块布局

块元素并排排列：
    1、浮动解决父元素的高度塌陷问题
    2、行内块；注意：间隙问题

固定定位：

1、脱离文档流
2、0点永远基于根元素
3、特殊的绝对定位
4、永远固定在屏幕上

粘滞定位：

1、不脱离文档流
2、不设置偏移量时没有效果
3、当元素位置到达设置的偏移量时粘滞不动
4、特殊的相对定位