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来消除定位的影响。
