要素の配置方法(position)1-absolute

absolute：絶対位置 とは。

親（ひとつ外側のボックス）の上角を基点にして（もしくは、下角）そこからの距離で指定する方法。

親ボックス以外の他のボックス要素から影響を一切受けない。絶対に親の角が基準となるから’絶対位置’

親ボックスに「position：static以外」を指定をして（たいていはrelativeでOK）、そのなかの子に

position:absolute指定をする。「top」「bottom」「left」「right」の値で、親ボックスからの距離を指定。

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

結論から言うと、親ボックスが「ブラウザウィンドウ」で充分な場合が多い。

（外側のボックスにposition指定しなくていい）

下からの距離で指定したい時は、bodyに次ぐ一番大きなボックスを親にすると、ベター。

使い方↓

注意する点

下に続く要素はabsoluteを指定したボックスが存在しないものとして配置される。

つまり、ブラウザの見た目上、空白になった部分へ詰めて表示される。

floatとの併用はできない。 図説↓

=メモ=

絶対位置って、どんな時に使うか。

「レイアウト的には上の方にしたいが、重要度は低いのでHTMLでは下の方に置きたい」

「float以外で複数のボックスを並べたい」時や、「複数の写真を並べた上にタイトル文字を置きたい」

などに使用すると便利。