第一种位置关系：position:fixed 锁定位置（相对于整个浏览器的位置），常用在各大网站的右下角或其它位置的小广告。
如果需要调整锁定位置，需要使用如下方式：<div style="width:300px; height:300px; position:fixed; top:0px; left:0px; right:0px; bottom:0px" ></div>
第二种位置关系：position:absolute 绝对位置（相对于父级元素--浏览器，绝对定位的上级）
(1)最外边没有absolute，则调整时div相对于浏览器变化；（2）最外面有absolute，则调整时div相对于最外层边界变化。
如果需要调整绝对位置，需要使用如下方式：<div style="width:300px; height:300px; position:absolute; top:0px; left:0px; right:0px; bottom:0px" ></div>
第三种位置关系：position:relative 相对位置（相对于自身应该出现的位置）
如果需要调整相对位置，需要使用如下方式：<div style="width:300px; height:300px; position:relative; top:0px; left:0px; right:0px; bottom:0px" ></div>
原文：http://www.cnblogs.com/jly144000/p/7186357.html