CSS中常用定位，子元素在父元素中水平垂直居中的方案及伸缩盒

1.定位

    1.静态定位，默认定位

    2.固定定位

        position：fixed

        脱离文档流 原先位置不保留 相对于适口区域进行定位 如果没有使用定位属性 则在原先位置定位

    3.相对定位

        position：relative

        不脱离文档流 原先位置保留 使用定位属性后 相对于原来位置进行定位

    4.绝对定位

        position：abosulte

        脱离文档流 原先位置不保留 如果有祖先定位元素 则根据最近的祖先定位元素

        如果没有祖先定位元素 则根据浏览器的适口区域进行定位

    5.粘性定位

        position：sticky

        不脱离文档流 如果使用定位属性 刚开始是相对定位 滚动到一定位置变成了固定定位

    6.更改元素层叠顺序

        z-index

2.子元素在父元素中水平垂直居中的方案

    1.margin设置给子元素  同时给子和父配合border 子元素和父元素全部上边框

    2.padding设置给父元素  同时将父元素的盒模型设置为边框盒模型

    3.子绝父相，并且子元素配合属性全部为0，margin：auto

    4.子绝父相，同时设置子元素top:50