Buenas, seria algo parecido a esto
Código CSS:
Ver original* {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:
Ver original <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>
Saludos¡¡