[CSS] 基本メモ: positionプロパティ

static
位置指定しない。

relative
相対位置を指定する。staticで配置される位置が基準。

absolute
絶対位置を指定する。親要素の左上が基準。親要素がstatic配置でなければウィンドウ左上が基準。

fixed
絶対位置を指定する。スクロールしても位置は変わらない。

サンプル1: ウィンドウの上端に張り付いたメニューバーもどき

css_position1

サンプル2: absolute指定で既存のボックス要素に重ねて配置

css_position2

参考サイト

position-スタイルシートリファレンス
http://www.htmq.com/style/position.shtml