Saludos a todos.
Tengo pocos conocimientos en el manejo de css.
Estoy haciendo una página mostrada en la imagen.
Donde el width es la anchura de la pantalla, el cuadrado blando es una capa que contiene a las de abajo.
La idea es que se amplie con base con base en el tamaño de las amarillas
o de las rojas
Que me recomiendan para colocar las capas rojas una debajo de otra sin especificar tamaño absoluto a cada una, es decir solamente con un <div id="caparoja"></div> y se coloque debajo de esta (de las rojas).
Gracias por sus respuestas.