青枠の高さがなくなるのはなぜですか?

中身のボックスをすべて絶対配置にすると、高さの計算で考慮される子要素がなくなるためです。
2022年11月15日
ユーザー

お世話になります。

Box 1、2、3 を position: absolute; で指定すると、通常の配置から外れるので container の中身がなくなって青枠の領域の高さがなくなる、という点がなぜそのような仕様になるのかが分かりませんでした。
申し訳ございませんが、「 container の中身がなくなる」という点についてご説明いただけますと幸いです。

仮に Box 1、2、3 を position: absolute; で指定してコンテンツを重ねつつも、Box 1 〜 3 までの高さで枠線をつけたい場合はどのようにすればよろしいでしょうか。

よろしくお願い申し上げます。

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?