[解決済み] DIVを重ねる？

質問

のように複数のDIVを重ねることは可能でしょうか？

<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

では、これらの内側のDIVはすべて同じXとYの位置を持っているのでしょうか？デフォルトでは、それらはすべて、最後の前のDIVの高さによってY位置を増加させる互いの下に行く。

フロートとかディスプレイとか、何か仕掛けがありそうな予感がするのですが？

EDIT: 親DIVはposition relativeなので、position absoluteを使用してもうまくいかないようです。

どうすればいいですか？

外側のdivを好きなように配置し、内側のdivをabsoluteで配置します。 全部重なりますよ。

.inner {
  position: absolute;
}

<div class="outer">
   <div class="inner">1</div>
   <div class="inner">2</div>
   <div class="inner">3</div>
   <div class="inner">4</div>
</div>