一般社団法人 全国個人事業主支援協会

COLUMN コラム

位置に関する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;

The following two tabs change content below.

工藤

この記事をシェアする

  • Twitterでシェア
  • Facebookでシェア
  • LINEでシェア