Diferencias entre los controles de los contenedores

Más información sobre las principales diferencias entre los tipos de contenedores:

Contenedor	Diseño de contenedor	Contenedor de página
Un único contenedor que puede albergar controles y otros contenedores en su interior.	Un diseño de contenedor que agrupa varios contenedores simples y ayuda a crear un diseño de aplicación complejo.	Los contenedores de páginas alojan otra página en la página actual.
Crece en función del tamaño de su contenido	Tiene una altura fija, mientras que su ancho depende del ancho de la pantalla.	Crece en función del tamaño de la página alojada.
Alinea un grupo de elementos de forma similar. Alinea un elemento específico de forma diferente al de los otros elementos. Puedes anidar contenedores: Para alinear/posicionar los elementos en el contenedor interior de forma diferente al exterior. Recomendamos anidar un máximo de 4 contenedores por razones de rendimiento, aunque no se impone ningún límite.	Crea la estructura de la página. Recomendamos utilizarlo solo en los contenedores de páginas. La disposición anidada de los diseños de contenedor genera espacios adicionales y problemas de mantenimiento.	Útil para reutilizar componentes de tu aplicación, por ejemplo, tener el mismo encabezado o cuerpo en las diferentes páginas de tu aplicación Ayuda al mantenimiento de la aplicación

Ejemplo de cómo alinear los controles mediante contenedores

El siguiente ejemplo muestra un formulario sencillo, en el que se desea recoger la siguiente información del usuario: Nombre, Apellido, Correo electrónico y Escuela. Aunque los cuadros de entrada de Correo electrónico y Escuela pueden estar uno debajo del otro, queríamos que el Nombre y el Apellido estuvieran disponibles uno al lado del otro. Se puede lograr mediante los siguientes pasos