Cómo hacer un div vacíos Ampliar

DIV contenedores son elementos de la página web que se pueden utilizar para el estilo, la posición y manipular cualquier contenido entre la apertura del contenedor "<DIV>" y el cierre "</ div>" etiquetas. Puede estilo de contenedores DIV a sí mismos con una variedad de propiedades CSS, por lo que normalmente se los utiliza para crear el diseño de la página para muchos sitios web. Si usted tiene un contenedor DIV vacío que desea ampliar verticalmente u horizontalmente para llenar el espacio disponible alrededor de él, puede utilizar el "ancho" y "alto propiedades CSS". Esto puede ser útil cuando se utiliza un DIV para mostrar una imagen de fondo.

Instrucciones

1 Abra el documento de página Web en un editor HTML o texto. Para abrir el documento en el editor de texto nativo de Windows, haga clic en el archivo, a continuación, haga clic en "Abrir con". Haga clic en "Bloc de notas" en la lista de aplicaciones, haga clic en "Aceptar".

2 Haga clic para colocar el cursor en el punto en el documento de página Web en la que desea que aparezca el contenedor DIV.

3 Tipo "<div style =" width: 100%; altura: 100%; "> </ DIV>" para crear un contenedor DIV vacío con el CSS "ancho" propiedad establecida en "100%" y el "" conjunto de propiedades de "altura de 100%" Esta configuración hará que el vacío. DIV contenedor se expanda para llenar el espacio disponible alrededor de ella. Si se coloca el recipiente dentro del DIV etiquetas de apertura y cierre de otro contenedor DIV, el DIV llenará el espacio definido por el contenedor DIV exterior.

4 Sustituir el valor de texto "100" anchura o la altura en el paso anterior con un porcentaje diferente para hacer que el contenedor DIV vacío para expandir para llenar una porción más pequeña del espacio disponible alrededor de ella. Vuelva a colocar el "100%" con un número y "px" para expandir el contenedor DIV un cierto número de píxeles. Por ejemplo, para expandir el contenedor DIV vacío a un ancho de 400 píxeles y una altura de 200 píxeles, de tipo "<div style =" width: 400px; altura: 200px; "> </ DIV>".

5 Haga clic en el menú "Archivo", luego haga clic en "Guardar" para guardar el documento de página Web.