positionプロパティの「absolute」と「relative」の違い

relative

サンプル1-1 【relative-box / top:0;】

relative-box

サンプル1-2 【relative-box / top:100px; left:200px;】

relative-box

サンプル1-3 【relative-box / top:-50px; left:100px;】

relative-box

サンプル1-4 【relative-box / top:-50px; left:100px;】

relative-box
relative-after-box