<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><section><h1><code class="CSS" xml:lang="en">'position: absolute'</code></h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> の <code class="CSS" xml:lang="en">'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">position</anchor>'</code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>の値
<dfn><code class="CSS" xml:lang="en">'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">absolute</anchor>'</code></dfn> は、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">箱</anchor>を<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">絶対配置</anchor>することを表します。</p><section><h1>仕様書</h1><ul><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS 2.1</anchor><ul><li><anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/CSS21/visuren.html#propdef-position">http://www.w3.org/TR/CSS21/visuren.html#propdef-position</anchor-external></li></ul></li></ul></section><section><h1>処理モデル</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">絶対配置された箱</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">通常フロー</anchor>の外に置かれ、他の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">箱</anchor>の配置に影響しません
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS 2.1</anchor></src>。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">絶対配置された箱</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">余白</anchor>は他の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">余白</anchor>と<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">結合</anchor>されません
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS 2.1</anchor></src>。</p></section><section><h1>関連</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">箱</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">位置</anchor>は <code class="CSS" xml:lang="en">'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">top</anchor>'</code>, <code class="CSS" xml:lang="en">'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">right</anchor>'</code>,
<code class="CSS" xml:lang="en">'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">bottom</anchor>'</code>, <code class="CSS" xml:lang="en">'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">left</anchor>'</code> 各<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>で指定します。
これらの<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">箱</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">包含ブロック</anchor>に対して相対的な位置を表します。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end> <code class="CSS" xml:lang="en">'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">position</anchor>: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">fixed</anchor>'</code> も同じく<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">絶対配置</anchor>ですが、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">閲覧領域</anchor>や<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">頁</anchor>に対して<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">絶対</anchor>である点が異なります。</p></section></section><section><h1>絶対配置</h1><section><h1>実装</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end>
<cite xml:lang="ja">jmblog.jp - IEで絶対配置(position:absolute)のボックスが消えるバグの検証</cite> (<time>2007-11-17 13:31:37 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://jmblog.jp/archives/180">http://jmblog.jp/archives/180</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Firefox3</anchor> で<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">初期包含ブロック</anchor>に属する<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">絶対配置</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">箱</anchor>の位置に関する座標原点はなぜか<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">根要素</anchor>の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">padding辺</anchor>の左上になっています
(他のブラウザはすべて <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">viewport</anchor> の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">内容辺</anchor>の左上なのに)。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> <cite>CSS Print Profile</cite>
( (<time>2013-03-14 20:50:03 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/2013/NOTE-css-print-20130314/#s.8.1">http://www.w3.org/TR/2013/NOTE-css-print-20130314/#s.8.1</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> <cite xml:lang="en">Dev.Opera — CSS: It was twenty years ago today — an interview with Håkon Wium Lie</cite>
( (<time>2014-10-10 09:58:28 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://dev.opera.com/articles/css-twenty-years-hakon/">https://dev.opera.com/articles/css-twenty-years-hakon/</anchor-external></p></section></section></body></html>