ポジションCSSプロパティの詳細とデモ

positionプロパティ

要素の配置方法を指定

ボックスの配置方法を相対位置か絶対位置かを指定できます。
祖先要素のposition:relativeが指定されている場所を基準に位置が決められます。
指定されていない場合はページの左上が基準になります。

ブラウザのサポート状況

Internet Explorer 6 Internet Explorer 7 Internet Explorer 8 Internet Explorer 9 Firefox Google Chorme Safari Opera

プロパティ

static未指定(初期値)。top,left,right,bottomプロパティなどが効かなくなります
relative相対座標。top,left,right,bottomプロパティなどの新しい基準になります
absolute絶対座標。他の要素から完全に独立しレイアウトに影響を与えなくなります
fixed絶対座標。スクロールしてもその位置で固定されます。