有四种定位方式：
static
relative
absolute
fixed
static:
普通流定位，元素正常的排列方式
relative:
相对定位，相对于自身原始位置进行定位，定位后元素display属性不变，仍占据原位置，可用于实现元素位置的微调
absolute：
绝对定位，相对于第一个不是静态定位的祖先元素进行定位。定位后元素变为块级元素，但其宽度为自己的宽度，脱离文档流。和相对定位一起可实现下拉菜单的功能。
fixed：
固定定位，相对浏览器窗口进行定位。定位后元素变为块级元素，但其宽度为自己的宽度，脱离文档流。可用于弹出的广告等固定弹窗。
关于left、right、top、bottom:
left、right同时设置以left为准
top、bottom同时设置以top为准
如果不设置这四个值：
绝对、固定定位的元素脱离文档流，浮于原位置
相对定位的元素仍在原位置
关于z-index:
所有的元素都是有z-index的，只不过z-index的设置只对 relative/absolute/fixed有效，对static设置是无效的，不设置z-index 默认就是auto，relative/absolute/fixed的auto比static的优先级高
在定位的祖先元素内进行比较，堆叠顺序最大不超过其参考定位的祖先元素