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

Por foye robinson
Abre el archivo HTML que desees modificar en un editor de texto.
Pixland/Pixland/Getty Images

Un DIV es una etiqueta HTML que se utiliza como contenedor de otros objetos. Se puede especificar el tamaño del DIV en el código CSS, haciendo que sea más grande o más pequeño que sus contenidos, o que tenga el mismo tamaño. El tamaño de un DIV se define en píxeles, por porcentaje o em. La primera opción le da al 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 basada en el tamaño de fuente. La propiedad de automática es el valor predeterminado. En él se establecen las dimensiones de un DIV automáticamente en una Web.

Paso 1

Abre el archivo HTML que desees modificar en un editor de texto, como el Bloc de notas, TextPad o EditPad.

Paso 2

Desplázate hasta la etiqueta HEAD e introduce el siguiente código. Esto crea un estilo que cambia el tamaño de tu DIV al tamaño de tu contenido:

Paso 3

Busca la etiqueta DIV de la que deseas cambiar el tamaño automáticamente dentro de la etiqueta BODY. 'Class = "resize"' dentro de la etiqueta DIV para formatearla como sigue:

Contents