static
默认值。始终处于文档流给予的位置(无法使用left、right、top、bottom等设置元素的位置)relative
相对定位通常设置块级元素div的位置position：relative 使div内部的元素以此定位坐标系是原来自己的位置可以设置left、top、right、bottom等值移到相对于原来位置的地方（不会破坏正常的文档流）absolute
绝对定位通常设置div内部各种元素的位置position：absolute坐标系是父级元素（拥有定位的父级元素，默认是html，脱离文档流）fixed
绝对（固定）定位坐标系是浏览器窗口可以设置上下左右，无论窗口如何移动元素都不会动定位元素层叠属性：
z-index : auto |number
检索或设置对象的层叠顺序。 auto：默认值。 number:无单位的整数值。 值可正可负，当value为正时，值越大显示的优先级越高。反之亦然。当两个元素设置的层叠值相同时，依据在HTML文档中声明的顺序层叠。
让一个元素始终在窗口水平、垂直位置居中：
方法一div{width:200px;height:200px;background:#f00;position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;}
方法二div{width:200px;height:200px;background:#f00;position:fixed;left:50%;top:50%;margin:-100px 0 0 -100px;}
