Hvordan øke DIV Høyde Ifølge Andre DIV innhold

Web-side design teknikker alle avhengige av designerens evne til å manipulere Hypertext Markup Language og Cascading Style Sheets. Øke høyden på en DIV basert på høyden av en annen DIV innhold er en svært vanlig teknikk. Det brukes ofte i søyleliknende oppsett, hvor høyden på to kolonner trenger å være lik uavhengig av mengden av innholdet i hver av kolonnene.

Bruksanvisning

1 Åpne et tekstredigeringsprogram som Notisblokk. Hvis Notepad er ikke tilgjengelig på skrivebordet, åpne "Start" -menyen, klikk på "Alle programmer," "Tilbehør", "Notisblokk".

2 Skriv inn følgende kode:

<Html>

<Body>

<Style>

</ Style>

<Div id = "wrapper">

<Div id = "container">

<Div id = "innhold">

</ Div>

</ Div>

</ Div>

</ Body>

</ Html>

Dette setter opp skjelettet av en grunnleggende nettside.

3 Legg til følgende kode rett etter "<style>" tag:

wrapper {width: 900px; margin: 0 auto} beholder {float: right; background-color: green; width: 600px; } Innhold {float: left; bredde 300px; margin-left: -300px; }

Dette setter opp skjelettet med to divs. Den "container" div vil utvide nå basert på høyden av "innhold" DIV.