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

Escrito por foye robinson | Traducido por walter f. stocco
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo cambiar el tamaño DIV para que coincida con el contenido
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.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Necesitarás

  • Un editor de texto

Lista completaMinimizar

Instrucciones

  1. 1

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

  2. 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:

    <style type="text/css"> <!-- div .resize { height: auto; } --> </style> </head>

  3. 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:

    <div class="resize">Contents</div>

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles