定位：position

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

偏移量：

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

相对定位：relative

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

绝对定位：absolute

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

固定定位：fixd

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

粘滞定位：sticky

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

层级问题：

    1.同一层级下，标签写在下边的层级高
    2.调节层级：z-index：n  数字越大，层级越高

脱离文档流：

    1.浮动
    2.绝对定位

布局：分块布局

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