定位(position)（子绝父相）

   1 position属性的常用值               

           1 静态定位(static)

                静态定位是所有元素的默认定位方式，当position属性的取值为static时，可以将元素定位于静态位置。 所谓静态位置就是各个元素在HTML文档流中默认的位置。   

           2 相对定位relative(自恋型)

参考物：自己本身 移动距离：left/right/bottom/top:数值+px 特点 移动之后依然占位 定位元素的层级要比普通元素的层级要高

         3 绝对定位absolute (拼爹型)        

参考物(包含块)：有定位属性(除static属性之外)的祖先元素,设置绝对定位的元素，会一层一层向上找有定位属性的祖先元素，谁有定位属性，就参考谁去移动，如果找到body也没有找到有定位属性的祖先元素的话，就参考body，也就相当于浏览器的窗口 移动距离：left/right/bottom/top:数值+px 特点 脱离文档流，会遮挡后面元素的文字 给元素设置绝对定位后，margin:auto会失效 给内联元素添加定位后，内联元素会变成块级元素 给元素不设置宽，自适应宽度的时候，加了绝对定位，自适应会失效，需要重置元素的宽width:100%     

       4  固定定位fixed(认死理型)