定位之静态，固定，相对与绝对定位的区别

除了静态static，后三者fixed,relative,absolute都可以通过z-index进行层次分级

把父div设为相对定位（position:relative），子div设为绝对定位（position:absolute），再设子div的上下左右四个置入属性值，那么子div就会相对父div做上下左右偏移。
子div会以离它最近的设置为相对定位的外层div作参照物，按其4个置入属性值进行偏移
没有参照div就相对浏览器来偏移
<style type="text/css">
.div1{height: 500px;width: 500px;border: 1px solid #0000FF;margin-right: auto;margin-left: auto;}
.div3{height: 300px;width: 300px;border: 1px solid #FF00FF;position: relative;margin-right: auto;margin-left: auto;}
.divbox3{height: 100px;width: 100px;position: absolute;top: 25%;left: 50px;border: 1px solid #FF9900;}
.divbox3 img{height: 100px;width: 100px;}
</style>
<div class="div1">
    <div class="div3">
      <div class="divbox3"><img src="/templets/moossy/images/news_rig.gif" /></div>
    </div>
</div>
//上面的divbox3会把div3做参照物，divbox3左边相对div3偏移50px，上边相对div3下移25%
http://blog.sina.com.cn/s/blog_66765d670100y0av.html
http://blog.163.com/amy0713@126/blog/static/13704853720118682245526/