4.3 Modelo de caja flexible

El objetivo principal de un modelo de caja es el de ofrecer un mecanismo con el que dividir el espacio disponible en la ventana, y crear las filas y columnas que son parte del diseño de una página web. Sin embargo, las herramientas que ofrece el modelo de caja tradicional no cumplen este objetivo. Definir cómo distribuir las cajas y especificar sus tamaños, por ejemplo, no se puede lograr de forma eficiente con este modelo.

La dificultad en la implementación de patrones de diseño comunes, como expandir columnas para ocupar el espacio disponible, centrar el contenido de una caja en el eje vertical o extender una columna desde la parte superior a la parte inferior de una página, independiente del tamaño de su contenido, han forzado a la industria a buscar otras alternativas. Se han desarrollado varios modelos de caja, pero ninguno ha recibido más atención que el modelo de caja flexible.