como colocar capa de esta forma

[kseso?]

En el css:
Contenedor principal: posición relativa.
contenedor azul: posición absoluta, z-index:1, y ajusta los valores top: Xpx; left: Ypx para posicionarla y añades los tamaños
contenedor rojo: posición absoluta, x-index:2, ajusta los valores top: Xpx; left: Ypx para que te quede sobre la anterior y añades los tamaños.
En el html:

Código html:

<div id="principal">
<div id="azul">...</div>
<div id="rojo">...</div>
</div>