Hvordan lage en DIV Utvid

En DIV er en container som brukes til å plassere og manipulere Web sideelementer. DIV beholdere brukes vanligvis til å lage layout på en nettside ved å dele sidene i separate områder. Du kan manipulere adferd og stil på en DIV container ved å legge CSS til DIV åpningen tag. For eksempel kan du lage en DIV container utvide basert på innholdet den inneholder ved å sette bredde og høyde egenskaper til innstillingen "auto", eller ved å sette en minimumshøyde eller bredden ved hjelp av CSS.

Bruksanvisning

1 Åpne en webside fil ved å høyreklikke på den og deretter klikke på "Åpne med." Klikk for å velge "Notisblokk" eller "WordPad". Klikk på "OK".

2 Klikk for å plassere markøren mellom "<BODY>" og "</ BODY>" koder.

3 Type "<div style =" width: auto; height: auto; '> </ div> "på en blank linje, og trykk deretter på" Enter ". Dette kodelinje skaper <DIV> container med "bredde" og "høyde" egenskaper satt til "auto". "Auto" eiendom betyr at DIV vil utvide når innholdet er plassert i DIV container. Innstilling av bredde- og høydeegenskaper direkte i DIV tag styrer innstillingene gjort et annet sted på nettstedet ditt, inkludert i eksterne stilark (CSS) filer.

4 Type "<div style = 'min-width: 300px; min-height: 100px;'> </ div>", og trykk "Enter" for å lage en DIV beholder med en minimumsbredde innstilling på 300 piksler og en minimumshøyde innstilling av 100 piksler. Sette en "min-width" og "min-height" verdi gjør at DIV container for å utvide med innhold plassert på innsiden av det, men det holder en minimumsstørrelse når noe innhold er der for å utvide beholderen. Bytt ut "300" og "100" pikselverdier med dine egne bredde- og høydeverdiene etter behov.

5 Klikk på "File" menyen etterfulgt av "Lagre" for å lagre websiden.