Capa simple, pero no sé como hacerlo...

[manolo_manolo]

Buenas, no sé que tipo de position debo ponerle a una capa, me explico.

Tengo 3 capas, del mismo ancho, y una debajo de la otra.
La primera está fija con unas medidas fijas, la segunda va a tener siempre un top y un left fijos debajo de la primera, y su alto dependera del texto que lleve. Pero la tercera, quiero que esté siempre justo debajo sin importar el alto de la segunda. (la segunda capa tendrá un alto u otro dependiendo del contenido que tenga).

Por lo tanto, no sé cómo poner que la tercera capa (la de abajo del todo) esté siempre justo pegada debajo de la segunda.

Espero haberme explicado decentemente, gracias.

[abimaelrc]

Mejor enseña lo que haz hecho, para que te puedan indicar.

[Impostor]

Buenas, seria algo parecido a esto

Código CSS:

* {margin: 0; padding:0; outline:0;}
 
body {font-size:0.7em;}
 
#contenedor {margin: 4.1em auto;
             width: 16em;}
 
#capa1 {height: 4.5em;
        background-color: #f00;
        padding:0.2em;}
 
#capa2 {background-color: #0f0;
        padding:0.4em;}
 
#capa3 {background-color: #00f;
        padding:0.2em;}
 

Código HTML:

<div id="contenedor">
    <div id="capa1">Esta es la capa 1, y es fija</div>
    <div id="capa2">Esta es la capa 2 y se ajusta al texto Esta es la capa 2 y se ajusta al texto 
                    Esta es la capa 2 y se ajusta al texto Esta es la capa 2 y se ajusta al texto 
                    Esta es la capa 2 y se ajusta al texto Esta es la capa 2 y se ajusta al texto 
                    Esta es la capa 2 y se ajusta al texto Esta es la capa 2 y se ajusta al texto </div>
    <div id="capa3">Esta es la capa 3, pegada a la capa 2</div>
</div>
 

Saludos¡¡