Position：fixed relative absolute

fixed：绝对定位，相对于浏览器窗口；left right top bottom z-index；
 e.g. 简单弹出框
    ①div_bg {
            position:fixed;
            width:100%;
            height:100%;
            background-color:#666666;
            opacity:0.5;
            z-index:1;
        } //背景
    ②div{
            position:fixed;
            width:388px;height:388px;
            left:0;right:0;top:0;bottom:0;
            margin:auto;
            z-index:1;    
        }//左右上下、不同分辨率下居中显示

relative：相对定位，相对于自身static位置；left right top bottom z-index；
 absolute：绝对定位，相对于第一个非static的父级元素；left right top bottom z-index；  
 e.g.
    <div style="position:relative;width:188px;height:288px;border:1px solid #666666">
        <div style="position:relative;left:18px;top:18px:width:88px;height:88px;border:1px solid red">A</div>
        <div style="width:border:1px solid #666666">
            <div style="position:absolute;left:8px;top:8px:width:88px;height:88px;border:1px solid #666666">B</div>
        </div>
    </div> 
以上运行有图如下：