Come fare un div nidificato Override un genitore div con altezza Impostazione

September 19

Si utilizza HTML div tag nello stesso modo come strati in altri programmi. tag div forniscono un mezzo fisico in codice per voi per progettare elementi di un sito web con CSS. Nella maggior parte delle pagine HTML, un genitore o un tag div principale contiene bambino, o nidificati, tag div all'interno di esso che contengono ulteriori definizioni. Un tag div nidificato può espandere il tag div genitore con l'aggiunta di una variabile "altezza" di proprietà di stile del tag div bambino. Ciò ignora tutte le impostazioni globali per il tag div, compresi quelli contenuti in un foglio di stile esterno.

istruzione

1 Fare clic destro sul file HTML che contiene i tag div. Fai clic su "Apri con" e fare clic sul software di editing HTML utilizzato per creare file HTML.

2 Individuare il div incorporato. È possibile aggiungere un valore di altezza a qualsiasi div nella pagina per espandere l'altezza dell'elemento.

3 Inserire il codice qui sotto per aggiungere lo stile di altezza in percentuale al tag div si desidera espandere.

style = "height: 100%"

4 Inserire il codice qui sotto dopo l'apertura "<DIV" nel tag div genitore si desidera espandere.

style = "height: auto"

Questo codice espande il tag div genitore al 100 per cento l'altezza del div bambino. Il div genitore assume anche l'altezza del div bambino nella sua area.

5 Fare clic sul menu "File" e fare clic su "Salva" per salvare la pagina Web con i cambiamenti di altezza DIV.

Consigli e avvertenze

  • È anche possibile esprimere l'altezza in pixel, piuttosto che percentuali.