絶対配置要素の位置の基準

『ザ・ルールズ・オブ・スタイルシート』PDF資料18,19ページのposition:absoluteに関する説明で、絶対配置要素の位置の基準について以下のように書かれているのですが、 これはあまり正確ではない。 position: absolute 包含ブロック（左上）からの移動距離 ただし、ブラウザ実装はbodyからの移動距離 包含ブロック（左上）からの移動距離というのは正しいのですが、 ただし、ブラウザ実装は～という表現から包含ブロックについて誤解があることを読み取れます。 包含ブロックとは単に親要素のことを指すのではありません。CSSの仕様で細かく場合分けして定義された用語で、 絶対配置要素の包含ブロックは「祖先要素のうち最も近い、positionの値がstaticでない要素のパディング辺。該当するボックスがなければ、初期包含ブロック」です。 PDF資料の例では、position:

[ysk_lucky-star]

日本語の問題

[wacky]

『ザ・ルールズ・オブ・スタイルシート』PDF資料での「position:absolute」に関する誤解を指摘。これはちょっと気になってた。

[kits]

「包含ブロック」についての誤解

[kno]

むずいけど大事

[imount69]

メモしておきます

[hxxk]

5-2-2. 絶対配置の基点を変える