1. position:fixed;            固定定位                                                                                                                               相对于整个页面来定位的，即使你滚动页面它的位置也不会发生改变。

2. position:relative;        相对定位                                                                                                                               相对于自身来定位。可以用top，bottom，left，right来改变它的位置。因为相对于自身定位所以left:10px;后那它就会往right移动10px。个人觉得记它的属性相反的方向会好理解一点。

3. position:absolute;      绝对定位                                                                                                                            如果父元素里有relative那么就是针对父元素来定位的，没有的话就是针对整个浏览器窗口来定位的。可以用top，bottom，left，right来改变它的位置。

4. position:static;          默认定位                                                                                                                              默认即静止定位,是按照元素在(x)html出现的顺序依次分配位置,static是不受top right left bottom影响的。若要清除定位时可使用static来消除定位的影响。