Vengo a pedir ayuda ya que necesito un empujoncito, no se si alguien pudiera ayudarme a crear un código CSS para lograr el siguiente objetivo:
Deseo tener un DIV cuya with y heigh sean 100% (se ajusten dependiendo su contorno o tamaño de ventana), y que el contenido de dicho DIV sea automáticamente centrado horizontal y verticalmente, considerando que contendrá más DIVs de diversos tamaños...
En Word hice un esquema gráfico de lo que pretendo lograr, muestro la siguiente imagen esperando poder contar con ayuda de alguien:

He leído tutoriales, pero no lo he logrado... por eso vengo a pedir ayuda...

Gracias de antemano a quienes vayan a apoyarme.
