31-ancho y ancho maximo en css

Un elemento de nivel block siempre ocupa todo el ancho disponible

El elemento se estira hacia la esquierda y derecha hasta ocupar todo el espacio

La propriedad width evita que el elemento bloque se estire hasla los bordes de su recipiente

despues puede configurar la propriedad margin:auto para que se centre al medio del documento

de esta forma el elemento se centrara al centro y lo restante lo dividira en partes iguales, por cada lado

ejemplo

Este elemento <div> tiene un ancho de 500 px y un margen establecido en automático.

Nota: El problema con el <div>arriba ocurre cuando la ventana del navegador está menor que el ancho de el elemento. Luego, el navegador agrega una barra de desplazamiento horizontal a la página.

Usando la propriedad max-width en cambio, en esta situación, mejorará la el manejo del navegador de ventanas pequeñas. Esto es importante al hacer que un sitio sea utilizable. en dispositivos pequeños:

Este elemento <div> tiene un ancho máximo de 500 px y un margen establecido en automático.

...

Sugerencia: cambie el tamaño de la ventana del navegador a menos de 500 px de ancho, para ver la diferencia entre los dos div!

---

Ir al indice