位置に関するCSSプロパティ-position
positionは、要素の位置を指定するプロパティです。
よく使うのはrelativeとabsoluteという値で、上下左右の方向からの距離をセットで指定します。
① relative
relativeを指定すると、その要素の本来の表示位置を基準にして位置が決まります。
|
relativeの例 |
position: relative; top: 20px; left: 40px; |
② absolute
absoluteを指定すると、relativeを指定した親要素を基準として位置が決まります。(relativeを指定した親要素がない場合、画面上部を基準にします。)
|
absoluteの例 |
/* 親要素 */ position: relative;
/* 子要素 */ position: absolute; top: 30px; left: 30px; |