绝对定位和相对定位,固定定位

   相对定位 

        相对自身位置进行定位

        定位后 元素 没有脱离文档流 原来的位置 没有被其他元素占据

        元素特点没有发生变化

        top: 移动后的位置  距离起始位置  上面多远(往下移动)

        left 移动后的位置  距离起始位置  左边多远(往右移动)

        right 移动后的位置  距离起始位置  右面多远(往左移动)

        bottom  移动后的位置  距离起始位置  下面多远(往上移动)

        用途: 用于某个元素微调效果

        

   绝对定位 

        相对祖籍元素中 具有 position 属性   且值不为 static 的元素进行绝对定位---如果所有的元素都没有position 就相对body进行定位

 

        定位后 块元素 变为行内快元素 脱离文档流 原来的位置被其他元素所占据

 

        怎么定位: 

        top 定位元素距离相对元素 上面多远(往下移动)

        left 定位元素距离相对元素 左面多远(往右移动)

        right 定位元素距离相对元素 右面多远(往左移动)

        bottom 定位元素距离相对元素 下面多远(往上移动)

        

 

  固定定位: 

相对浏览器视图窗口进行定位

        定位后 当前元素变为 inline-block 脱离文档流 原来的位置被其他元素所占据

 

        怎么定位的 

        top 距离浏览器视图窗口 上面 多大

        left 距离浏览器视图窗口 左边 多大

        right 距离浏览器视图窗口 右边 多大

        bottom 距离浏览器视图窗口 下边 多大