position定位属性

定位属性

默认值static：静态定位
相对定位(relative)：

1. 相对自身起始位置进行定位
2. 定位后原来的位置不被其他元素所占据
3. 应用：适合用于元素微调

绝对定位(absolute)：

 1.相对祖级元素中具有 position 属性的 但值不是static元素进行绝对定位，如果祖级都没有定位属性，那么相对于body进行绝对定位
 2.定位后脱离文档流，位置被其他元素所占据，元素大小有默认百分之百变为内容大小(默认无外边距)

固定定位(fixed)：

 1. 相对于视图窗口进行定位
 2. 元素自身脱离文档流
 3. 原来的位置被其他元素所占据
 4. 元素原来默认宽度100，变为内容大小，尽可量小
 5.  top 目标元素距离视图窗口顶部 如果小于0 往上走
 6. bottom 目标元素距离视图窗口底部 如果小于0 往上走
 7.  left 目标元素距离视图窗口左边 如果小于0 往左走
 8. right 目标元素距离视图窗口右边 如果小于0 往右走