HTML布局方式：定位

定位

          -更加高级布局手段

          -定位指的是将指定的元素，摆放在页面任意位置，

             通过定位，我们可以任意摆放元素

          -通过position属性设置元素的定义

              可选值：

                static  默认值，元素没有开启定位

                relative  开启元素的相对定位

                absolute  开启元素绝对定位

                fixed     开启元素的固定定位

                sticky    开启元素的粘滞定位

              注:除static静态定位，其他定位提高层级，且子元素层级大于父元素层级，一般用z-index:数值提高或降低元素层级  

1.相对定位

当元素的position属性值设置relative，则开启了元素相对定位

             1:当开启相对定位后，如果不设置偏移量，元素不会发生任何变化

             2:相对定位是相对于元素在文档流中原来的位置进行定位（top：0，left：0）

             3:相对定位，不会使元素脱离文档流

             4:相对定位，会使我们元素的等级提升

             5:相对定位不会改变元素的性质，块还是块，行内还是行内

        div{
            position: