position

わりと複雑

static

デフォルト

relative

要素は文書の通常のフローに従って配置され、 top, right, bottom, left の値に基づいて自分自身からの相対オフセットで配置されます。

オフセットは他の要素の配置には影響を与えません。つまり、ページレイアウト内で要素に与えられる空間は、位置が static であった時と同じです。

？

absolute：親要素の配置によって決まる

例

親要素がstaticのときは左上基準

親要素がrelative/absoluteのときは親要素の左上基準