position: relative

要素は文書の通常のフローに従って配置され、top, right, bottom, left の値に基づいて自分自身からの相対オフセットで配置されます。オフセットは他の要素の配置には影響を与えません。つまり、ページレイアウト内で要素に与えられる空間は、位置が static であった時と同じです。z-index の値が auto でない場合、新しい重ね合わせコンテキストを生成します。table-*-group, table-row, table-column, table-cell, table-caption の要素における効果は未定義です。

一番目の要素
二番目の要素
Original Position
二番目の要素
top:2.5rem
三番目の要素
Original Position
三番目の要素
top: 2.5rem left: 4rem