CSS position 属性

定义和用法

position 属性指定要定位的元素类型。

この属性は、要素のレイアウトを構築するために使用される定位メカニズムを定義します。どの要素も定位できますが、絶対や固定定位の要素は、要素の種類に関わらずブロックレベルのフレームを生成します。相対定位の要素は、その通常のフローでのデフォルト位置に対して偏移します。

CSS 教程：CSS 定位

HTML DOM 参考手册：position 属性

定位 h2 元素：

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

position: static|absolute|fixed|relative|sticky|initial|inherit;

値	説明
absolute	絶対定位の要素を生成し、static定位以外の最初の親要素に対して定位します。要素の位置は「left」、「top」、「right」、「bottom」属性を通じて指定されます。
fixed	絶対定位の要素を生成し、ブラウザのウィンドウに対して定位します。要素の位置は「left」、「top」、「right」、「bottom」属性を通じて指定されます。
relative	相対定位の要素を生成し、その通常の位置に対して定位します。したがって、「left:20」は要素のLEFT位置に20ピクセルを追加します。
static	デフォルト値。定位が設定されていない場合、要素は通常のフローの中に現れます（top、bottom、left、right、z-indexの宣言を無視します）。
inherit	親要素のposition属性の値を継承するべきであることを規定します。

デフォルト値：	static
継承性：	no
バージョン：	CSS2
JavaScript 语法：	object.style.position="absolute"

テーブルの数字には、その属性を完全にサポートする最初のブラウザのバージョンが記載されています。

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	7.0	1.0	1.0	4.0