[解決済み】ドキュメントフローでスペースを取らないように要素を相対的に配置する。

質問

ある要素を相対的に配置し、ドキュメントフローの中でスペースを取らないようにするにはどうしたらよいでしょうか。

どのように解決するのですか？

あなたがやろうとしていることは、絶対位置決めのように聞こえます。一方、擬似的に相対的な要素を作ることもできます。幅ゼロ、高さゼロで相対的に配置された要素を作り、基本的に位置の基準点を作ることだけを目的とし、その中に絶対的に配置された要素を作ります。

<div style="position: relative; width: 0; height: 0">
    <div style="position: absolute; left: 100px; top: 100px">
        Hi there, I'm 100px offset from where I ought to be, from the top and left.
    </div>
</div>