Cómo cambiar el tamaño de DIVs para que coincida con el contenido

Un DIV es una etiqueta HTML que se utiliza como contenedor de otros objetos. Puede especificar el tamaño de la DIV dentro de su código CSS, por lo que es mayor o menor que su contenido, o lo que es del mismo tamaño. El tamaño de un DIV se define en píxeles, por porcentaje o em. La primera opción da la DIV un tamaño fijo que sigue siendo el mismo, independientemente de su contenido. El segundo le da un tamaño relativo basado en su contenedor principal y el tercero le da una posición relativa sobre la base del tamaño de la fuente. La propiedad de automóviles es la configuración predeterminada. En él se establecen las dimensiones de un DIV automáticamente en una web.

Instrucciones

1 Abra el archivo HTML que desea modificar en un editor de texto, como el Bloc de notas, TextPad o EditPad.

2 Desplazarse hasta la etiqueta HEAD e inserte el código siguiente. Se crea un estilo que cambia el tamaño de su DIV para el tamaño de su contenido:

<Style type = "text / css">

<! -

div .resize

{

altura: auto;

}

->

</ Style>

</ Head>

3 Encuentra la etiqueta DIV desea cambiar el tamaño automáticamente dentro de la etiqueta BODY. Insertar 'class = "redimensionar"' en la etiqueta DIV para formatearlo como sigue:

<Div class = "redimensionar"> Contenido </ div>