一、绝对定位（position:absolute）
1、设置了绝对定位后，div即脱离文档流成为独立的框体，可以设置z-index确定其所在层级。
2、如果同时设置了top等值，则其相对于浏览器定位；如果没有设置top等值，则相对于父级div定位。
二、相对定位（position:relative）
设置了相对定位，div依旧占据原有位置，仅视觉上移动了设置的top等值的位置。
三、绝对定位、相对定位结合
父级设置相对定位，子级设置绝对定位，可以达到内部的浮动效果，比float好用，没有兼容性问题。
具体参考链接：http://www.jb51.net/css/68072.html