Hvordan lage en tom DIV Utvid

DIV beholdere er web sideelementer som du kan bruke til å style, posisjon og ellers manipulere med innholdet som finnes mellom beholderen åpnings "<DIV>" og avsluttende "</ div>" tags. Du kan style DIV containere seg med en rekke CSS egenskaper, noe som er grunnen til at du vanligvis bruker dem til å lage sideoppsettet for mange nettsteder. Hvis du har en tom DIV beholder som du ønsker å utvide vertikalt eller horisontalt for å fylle det tilgjengelige området rundt det, kan du bruke "width" og "høyde" CSS egenskaper. Dette kan være nyttig når du bruker en DIV skal vise et bakgrunnsbilde.

Bruksanvisning

1 Åpne nettsiders dokument i en HTML eller tekst editor. For å åpne dokumentet i den innfødte Windows tekst editor, høyreklikke på filen og klikk på «Åpne med." Klikk "Notisblokk" i listen over programmer, og klikk deretter "OK".

2 Klikk for å plassere markøren på det punktet i websiden dokumentet der du vil at DIV container skal vises.

3 Type "<div style =" width: 100%; height: 100%; "> </ div>" for å opprette en tom DIV beholder med CSS "width" eiendommen er satt til "100%" og "height" eiendom satt til "100%" Denne innstillingen vil føre til at tom. DIV container for å utvide til å fylle den ledige plassen rundt det. Hvis du plasserer DIV container innenfor åpningen og nære koder for en annen DIV container, vil DIV fylle rommet definert av den ytre DIV beholder.

4 Bytt ut "100" bredde eller høyde tekstverdi i forrige trinn med en annen prosentandel for å føre den tomme DIV container for å utvide til å fylle en mindre del av den tilgjengelige plassen rundt det. Sett på "100%" med et nummer og "px" for å utvide den DIV beholderen et visst antall bildepunkter. For eksempel, for å utvide den tomme DIV beholder til en bredde på 400 piksler og en høyde på 200 piksler, skriv "<div style =" width: 400px; height: 200px; '> </ div> ".

5 Klikk på "File" -menyen og klikk på "Lagre" for å lagre nettsiden dokumentet.