Cómo estirar DIV para ajustar el contenido

DIV contenedores que ofrecen la posibilidad de escapar de las limitaciones del diseño de la mesa tradicional en el diseño y el desarrollo de una página Web HTML y posicionar cada elemento de su página exactamente como usted lo desee. Sin embargo, puede encontrar situaciones en las que desee un recipiente para acomodar el contenido dinámico y estirar para encajar el contenido de lo que es en ella en ese momento. El uso de elementos de estilo en línea, puede hacer precisamente eso.

Instrucciones

1 Abra la página Web que contiene el DIV que desea estirar en su editor de texto preferido.

2 Mover el cursor a la etiqueta del contenedor DIV en cuestión.

3 Agregue el código siguiente a la etiqueta del contenedor DIV:

style = "height: auto; width: auto"

El recipiente ahora se extenderá automáticamente para ajustarse al contenido de lo que está en su interior cuando se representa la página.

Consejos y advertencias

• La mayoría de los navegadores Web asignará automáticamente los valores de "auto" a las propiedades de altura y anchura estilo de un contenedor DIV si no se especifica valores para ellos. Sin embargo, en aras de dar cabida a todos los navegadores, es aconsejable establecer estos valores si prefiere un contenedor DIV se estire.