CSS

位置を固定する「position」

'15.11.29

ボックスの配置方法(基準位置)が、相対位置か絶対位置かを指定する際に使用するプロパティ。

static

配置方法を指定しない。(初期値)

relative

相対位置への配置。staticを指定した場合に表示される位置が基準位置となる。

absolute

絶対位置への配置。親要素にstatic以外の値が指定されている場合、親要素の左上が基準位置となる。親要素にstatic以外の値が指定されていない場合には、ウィンドウ全体(body)の左上が基準位置となる。

fixed

絶対位置への配置となるのはabsoluteと同じだが、スクロールしても位置が固定されたまま。

要素 {
position: static;
position: relative;
position: absolute;
position: fixed;
}

(View577)