Tecnología

Inicio

Cómo hacer un anidado Div Anulación de un padre Div Con Altura Marco

Usa etiquetas HTML div de la misma manera como capas en otros programas. etiquetas div proporcionan un medio físico en código para diseñar elementos de un sitio web con CSS. En la mayoría de las páginas HTML, un padre o una etiqueta div principal contiene hijo, o anidados, etiquetas div en su interior que contienen más definiciones. Una etiqueta div anidado puede ampliar la etiqueta div principal añadiendo una "altura" variable para las propiedades de estilo de la div etiqueta hijo. Esto anula cualquier configuración global para la etiqueta div, incluidos los contenidos en una hoja de estilos externa.

Instrucciones

1 Haga clic en el archivo HTML que contiene sus etiquetas div. Haga clic en "Abrir con" y haga clic en el software de edición de HTML que se utiliza para crear archivos HTML.

2 Busque la div incrustado. Se puede añadir un valor de altura a cualquier div en su página para ampliar la altura del elemento.

3 Introducir el código de abajo para agregar el estilo altura en porcentajes de la etiqueta div que desea expandir.

style = "height: 100%"

4 Introduce el código de abajo después de la apertura "<DIV" en la etiqueta div padre desea ampliar.

style = "height: auto"

Este código se expande la div etiqueta principal a 100 por ciento de la altura de la div niño. El div padre también asume la altura de la div niño dentro de su área.

5 Haga clic en el menú "Archivo" y haga clic en "Guardar" para guardar la página web con los cambios de altura DIV.

Consejos y advertencias

  • También puede expresar la altura en píxeles en lugar de porcentajes.