¡Mi primer pensamiento serían las etiquetas de mesa! Es la forma más fácil sin JavaScript para asegurarse de que los bloques que tienen alturas iguales permanezcan de esa manera.
Es complejo construir bloques que salen de una cuadrícula. Las cuadrículas dentro de las cuadrículas son la forma de lograr esto. No lo codificaré para usted, pero aquí hay algunos enfoques, ignorando por completo, la complejidad de hacer que esto responda:
Mesas anidadas.
3 columnas, cada una con una fila que contiene tablas que se construyen respectivamente, 2, 3 y 6, el resto de ellas. Y bloques como 4 y 5 estarían en su propia tabla en la celda superior de la tercera columna. Podrías lograr esto con algunos trucos de envergadura y colspan también.
- ¿Cómo se configura un sitio web de membresía con WordPress?
- ¿Cuál es la mejor manera de practicar la programación web por tu cuenta?
- Cómo inicializar una matriz en PHP
- ¿Qué servicio recomendaría (y por qué) para la creación de un sitio web: thegrid, square space o wix?
- ¿Qué sistema de gestión de contenido debo usar para construir un sitio web de red social basado en mapas y basado en la ubicación?
Coloque todos los bloques absolutamente.
Easy-peasy siempre y cuando todos tengan anchos y alturas fijos, aunque puede establecer los anchos y las posiciones de la izquierda en porcentajes para que se estire y aplasta.
Flotadores
Necesitaría algunos divs más: 4 y 5, por ejemplo, flotarían dentro de un bloque que necesitaría flotar junto a los otros contenedores de elementos.
Flexionar.
Aún necesitaría contenedores flexibles adicionales para dividir la cuadrícula en componentes anidados.
En realidad, la mayoría del contenido nunca tendrá alturas fijas tan rígidas: si el contenido dentro de esas cajas de colores tiene la más mínima posibilidad de cambiar, todo explotará a menos que se asegure de que los bloques y contenedores mantengan las mismas alturas.
Lo que probablemente necesite para el contenido real es JavaScript para calcular la cuadrícula por usted, en función del contenido. La masonería es la forma habitual de lograr esto (o bibliotecas basadas en ese concepto, como Isotope).