定位 position

   定位:
    
        position:static; 默认静态定位
                 relative; 相对定位
                 absolute;绝对定位
                 fixed;固定定位
        相对定位:
            特点:1.不脱标
                 2.层级提高 压盖现象(留坑)
            参考点:
                相对于原来的位置
            作用:
                '子绝父相'
        绝对定位
            特点:
                1.脱标
                2.层级提高 压盖现象
            参考点:
                如果单独设置绝对定位,top描述,以页面左上角为参考点,与浏览器左上角区分（以页面为参考点会随页面滚动而滚动，
                以浏览器为参考点会固定住，不变）
                如果单独设置绝对定位,bottom描述,以浏览器的左下角为参考点
                如果父辈元素设置相对定位,子元素设置绝对定位,那么会以最近父辈元素的左上角为参考点
        固定定位
            特点:
                1.脱标
                2.层级提高
                3.固定
                
            参考点:
                以浏览器的左上角
            作用:
                小广告,回到顶部,固定导航