枠の表示位置を指定する「position」について
枠の表示位置を指定する「position」です。マージンやパディング、floatがらみで妙な表示になったり、バグがでたりと…いろろいあるので使いどころがちょっと難しいです。
position:absolute; 絶対配置
position:relative; 相対配置
position:static; 通常配置←通常はこれになります。
position:fixed; 固定配置
■絶対配置:基準ボックスは、「親であり、かつposition:relative;が指定されているボックス」。
そのようなボックスなければbodyが基準になる。
※absoluteを指定したボックスは、下に続く要素に無視される。
※floatとは一緒に使えない。
■相対配置:position:staticを指定した場合表示される位置を基点として位置を指定。
つまり…普通に表示されるであろう場所から計算すればOKです。
※floatと一緒に使う事もできる。