定位 position

  为了实现更加灵活和自由的布局

  left（左）,right（右）,top（上）,bottom（下）

  z-index 调整z轴的漂浮等级

1：相对定位 relative

   当元素被设置相对定位后，它原本位置没有被删除，脱离文档流了
   定位参考对象：
      是他原本的位置

2：绝对定位 absolute

   当元素被设置绝对定位后，它原本位置被被删除，脱离文档流了
   定位参考对象：
      他的父元素如果没有设置定位
         参考body边框来定位

      他的父元素如果设置了定位
        定位参考对象就是父元素的位置

   


3：固定定位 fixed

   当元素被设置固定定位后，它原本位置被被删除，脱离文档流了
   定位参考对象：就是浏览器的边框