Edit

Page

Page title:

Page body:

* [CODE(CSS)@en['position: absolute']]

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

** 仕様書

-[4] [[CSS 2.1]]
-- <http://www.w3.org/TR/CSS21/visuren.html#propdef-position>

** 処理モデル

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

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

** 関連

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

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

* 絶対配置

** 実装

[1]
[CITE@ja[jmblog.jp - IEで絶対配置(position:absolute)のボックスが消えるバグの検証]] ([TIME[2007-11-17 13:31:37 +09:00]] 版) <http://jmblog.jp/archives/180>

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

[9] [CITE[CSS Print Profile]]
( ([TIME[2013-03-14 20:50:03 +09:00]] 版))
<http://www.w3.org/TR/2013/NOTE-css-print-20130314/#s.8.1>

[10] [CITE@en[Dev.Opera — CSS: It was twenty years ago today — an interview with Håkon Wium Lie]]
( ([TIME[2014-10-10 09:58:28 +09:00]] 版))
<https://dev.opera.com/articles/css-twenty-years-hakon/>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)