/
431.txt
46 lines (29 loc) · 1.86 KB
/
431.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
* [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/>