お世話になります。

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

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

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