Tecnología

Inicio

Cómo hacer un DIV Ampliar

Un DIV es un recipiente utilizado para posicionar y manipular elementos de la página Web. DIV contenedores se utilizan normalmente para crear el diseño de un sitio web dividiendo páginas en áreas separadas. Se puede manipular el comportamiento y el estilo de un contenedor DIV mediante la adición de CSS para la etiqueta de apertura DIV. Por ejemplo, puede hacer que un contenedor DIV ampliar en función del contenido que contiene estableciendo las propiedades de anchura y altura en el ajuste "automático", o mediante el establecimiento de una altura mínima o anchura uso de CSS.

Instrucciones

1 Abrir un archivo de página Web haciendo clic derecho sobre él y haga clic en "Abrir con". Haga clic para seleccionar "Bloc de notas" o "WordPad". Haga clic en Aceptar."

2 Haga clic para colocar el cursor entre el "<body>" y "</ body>" etiquetas.

3 Tipo "<div style =" width: auto; height: auto; "> </ DIV>" en una línea en blanco, y luego presionar "Enter". Esta línea de código crea <DIV> contenedor con las propiedades y "ancho" "altura" en posición "auto". La propiedad "auto" significa que el DIV se expandirá cuando se coloca cualquier contenido dentro del contenedor DIV. Configuración de las propiedades de anchura y altura directamente en la etiqueta DIV anula todos los ajustes realizados en otras partes de su sitio web, incluyendo en los archivos de hojas de estilo externas (.CSS).

4 Tipo "<div style = 'min-width: 300px; min-height: 100px;"> </ DIV> "y pulse" Enter "para crear un contenedor DIV con un ajuste de anchura mínima de 300 píxeles y un valor mínimo de altura de 100 píxeles. El establecimiento de un "min-width" y el valor "min-height" permite que el contenedor DIV para ampliar con el contenido colocado en el interior de la misma, pero mantiene un tamaño mínimo cuando no hay contenido está ahí para expandir el contenedor. Reemplazar los valores de los píxeles "300" y "100" con sus propios valores de anchura y altura, según sea necesario.

5 Haga clic en el menú "Archivo" y luego "Guardar" para guardar la página Web.