position : absoluteについて

http://www.ne.jp/asahi/hatakeyama/design/csslayout/tips/index14.html


※widthとheightの指定も忘れずに。
※position:absoluteには必ず「親」がいる。
 親にしたいボックスに「position:static」以外のpositionを指定
(たいていはrelativeで)、そのなかに子を入れてposition:absolute指定をする。「top」「bottom」「left」「right」の値は、親ボックスからの距離。

 親ボックスを指定しなければ「ブラウザウィンドウ」が親になる。

 親ボックスが「ブラウザウィンドウ」で充分な場合が多い。
上部にレイアウトするなら「ブラウザウィンドウ」が親で充分。下からの距離を設定したい時は、bodyに次ぐ一番大きなボックスを親にすると、具合がいい。

※position:absoluteを指定したいボックスが複数になったとき、前にした親ボックス指定が障害になる可能性がある。