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