概要
タイトルそのままです。
.parent {
container-type: inline-size
}
.child {
position: fixed;
}
<div class="parent">
<div class="child">子要素</div>
<div>
<div class="child">孫要素</div>
</div>
</div>
階層は関係なく、子要素も孫要素もfixed
の配置になりません。
absolute
を指定した時と同じように配置されるようです。
原因の特定に気づくのに時間がかかったので共有です。
仕様っぽいですね。
参考