miércoles, 20 de noviembre de 2013

Cómo hacer un DIV vacío Expand

DIV contenedores son elementos de la página web que usted puede utilizar para el estilo, la posición y manipular cualquier contenido entre DIV apertura del contenedor y el cierre / etiquetas DIV. Puede div style propios envases con una variedad de propiedades de CSS, por lo que normalmente se utiliza para crear el diseño de página para muchos sitios web. Si usted tiene un contenedor DIV vacía que quieres ampliar verticalmente u horizontalmente para llenar el espacio disponible alrededor de ella, puede utilizar las propiedades CSS width y height. Esto puede ser útil cuando se utiliza un DIV para mostrar una imagen de fondo. 

AMPLIAR



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



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



Estilo de tipo DIV = width: 100%; height: 100%; "/ DIV para crear un contenedor DIV vacía con la propiedad width CSS se ajusta al 100% y la propiedad height establece en 100%. Esta configuración hará que el contenedor DIV vacía para ampliar para llenar el espacio disponible alrededor de ella. Si coloca el contenedor DIV dentro de la apertura y cierre de etiquetas de otro contenedor DIV, el DIV llenará el espacio definido por el contenedor DIV exterior.



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



Haga clic en el menú Archivo, haga clic en Guardar para guardar el documento de una página web.



 

No hay comentarios:

Publicar un comentario