<h2> 要素を配置します：

h2 {
    position: absolute;
    left: 100px;
    top: 150px;
}

定義と用法

position プロパティは、要素へ配置方法の種類（static、relative、absolute または fixed）を指定します。

デフォルト値：	static
継承：	継承する
アニメーション可否：	不可。animatable を参照
バージョン：	CSS2
JavaScript 構文：	object.style.position="absolute" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

CSS 構文

プロパティの値

プロパティ
position	1.0	7.0	1.0	1.0	4.0

値	説明	Play it
static	デフォルト値。要素は、文書フローに出現する順序でレンダリングされます	Play it ❯
absolute	要素は、配置された（static 以外の）最初の祖先要素を基準に配置されます	Play it ❯
fixed	要素は、ブラウザウィンドウを基準に配置されます	Play it ❯
relative	要素は、通常位置を基準に配置されます。"left:20px" は、要素の現在の左位置に 20 ピクセルを加えた位置に配置されます	Play it ❯
initial	プロパティにデフォルト値を設定します。initial を参照	Play it ❯
inherit	このプロパティは親要素を継承します。inherit を参照

通常位置を基準に要素を配置する方法：

h2.pos_left {
    position: relative;
    left: -20px;
}

h2.pos_right {
    position: relative;
    left: 20px;
}

CSS position プロパティ

定義と用法