`position: absolute;`を使用すると、要素は通常のドキュメントのフローから外れ、最も近い位置指定された（`position`プロパティが`static`以外に設定されている）祖先要素に対して相対的に配置されます。もし`position: absolute;`を設定した要素が、`position: relative ...

親要素（Parent）：ある要素の直接的な「外側」にある要素。 子要素（Child）：ある要素の「内側」に含まれている要素。 absoluteは「親要素の位置」を基準に動きます。 そのため、子要素を適切な位置に配置したい場合は、親要素にposition: relativeを設定する ...

Relative positioning uses the same four positioning properties (top, right, bottom, left) as absolute positioning. But instead of basing the position of the element upon the browser view port, it ...