Hvordan lage en Nøstet Div Styr en Parent Div Med høydeinnstilling

Du bruker HTML div koder på samme måte som lag i andre programmer. Div koder gi en fysiske midler i koden for deg å designe elementer av en nettside med CSS. I de fleste HTML-sider, en forelder eller hoved div tag inneholder barn, eller nestet, div koder inni den som inneholder ytterligere definisjoner. En nestet div tag kan utvide foreldre div tag ved å legge til en "height" variable til barnets div tag stil eiendom. Dette overstyrer eventuelle globale innstillinger for div tag, inkludert de som finnes i et eksternt stilark.

Bruksanvisning

1 Høyreklikk HTML-fil som inneholder div koder. Klikk "Åpne med", og klikk på HTML-redigering programvare du bruker til å lage HTML-filer.

2 Finn den innebygde div. Du kan legge til en høydeverdi til noen div på siden din for å utvide høyden av elementet.

3 Skriv inn koden under for å legge høyden stil i prosenter til div tag du ønsker å utvide.

style = "height: 100%"

4 Skriv inn koden nedenfor etter åpningen "<DIV" i den overordnede div tag du ønsker å utvide.

style = "height: auto"

Denne koden utvider den overordnede div tag til 100 prosent av høyden av barnet div. Den overordnede div forutsetter også høyden på barnet div innenfor sitt område.

5 Klikk på "File" -menyen og klikk "Lagre" for å lagre websiden med DIV høydeendringer.

Hint

  • Du kan også uttrykke høyde i piksler fremfor prosenter.