position プロパティ

position

position: 値;

ボックスの配置方法を指定するプロパティです。

このプロパティで配置方法を設定しておき、top、right、bottom、left プロパティで位置の指定を行います。


position: absolute;

プロパティの値
プロパティ名	値	説明
position	static	通常の位置に配置（初期値）
	relative	通常の位置を基準とした相対的な配置
	absolute	ウィンドウまたは親ボックスを基準とした絶対的な配置
	fixed	ウィンドウを基準とした絶対的な配置 + 位置の固定

「static」を指定した場合は、top、right、bottom、left プロパティの位置指定は無効になります。
「absolute」の指定は、祖先要素に位置決めされた要素がある場合は、その要素の位置を基準にします。それ以外の場合は、ウィンドウの枠を基準とした配置になります。（位置決めされた要素 = positionプロパティで「static」以外の値が指定された要素）
「fixed」の指定は、IE 6以下では対応していません。IE 7からは対応していますが、表示モードが「互換モード」の場合は機能しないようです。


.example {
position: relative;
top: 0;
left:100px;
}

※ただし、生成内容を除く

継承しない

static

ホスティング by FC2サーバー

- ホームページ作成を支援する HTMLインデックス Webサイト -

初心者向け講座、情報交換、支援ツール等、Web制作を幅広く学習できるサイトです