position: absolute

position: absolute

'position: absolute'

[3] CSS の 'position' 特性の値 'absolute' は、箱を絶対配置することを表します。

仕様書

処理モデル

[6] 絶対配置された箱は通常フローの外に置かれ、他の箱の配置に影響しません CSS 2.1。

[7] 絶対配置された箱の余白は他の余白と結合されません CSS 2.1。

関連

[5] 箱の位置は 'top', 'right', 'bottom', 'left' 各特性で指定します。 これらの特性は箱の包含ブロックに対して相対的な位置を表します。

[8] 'position: fixed' も同じく絶対配置ですが、 閲覧領域や頁に対して絶対である点が異なります。

絶対配置

実装

[1] jmblog.jp - IEで絶対配置(position:absolute)のボックスが消えるバグの検証 ( 版) <http://jmblog.jp/archives/180>

[2] Firefox3 で初期包含ブロックに属する絶対配置の箱の位置に関する座標原点はなぜか根要素の padding辺の左上になっています (他のブラウザはすべて viewport の内容辺の左上なのに)。

[9] CSS Print Profile ( ( 版)) <http://www.w3.org/TR/2013/NOTE-css-print-20130314/#s.8.1>

[10] Dev.Opera — CSS: It was twenty years ago today — an interview with Håkon Wium Lie ( ( 版)) <https://dev.opera.com/articles/css-twenty-years-hakon/>