1、主要的属性：relative  absolute fixed

relative：就是相对本身当前的位置定位，不会脱离文档流

absolute：相对当前的父元素定位，如果没有就相对付文档定位，脱离文档流（不占据空间）

fixed：固定定位，元素不会随页面进行滚动（如果有滚动条的情况下）

2、使用要领

1、父元素relative  子元素absolute

　　子元素会在父元素中孕育产生相对定位，left>0 元素右移，top>0元素下移，负值相反

2、操作定位使元素居中

　1、子元素设置absolute，父元素relative

　　这里的子元素可以是图片，或者一个div，css样式如下：

　　子元素{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}

　　父元素{position:relative;}

　　注意：这里的子元素如果同时设置了浮动，，要断根浮动（万能断根法：元素::after{content:"";display:block;height:0;overflow:hidden;visibility:hidden;}元素{zoom:1;}）