Hvordan lage en DIV vokse med innhold

En DIV er en beholder element som brukes i web-side design for å definere et område på siden. Divs brukes vanligvis til å arrangere og stil tekst, bilder og andre nettelementer. Hvis du ikke angir en høyde og bredde for DIV, vil det utvide med sin inneholdt innhold å fylle den ledige plassen på siden. Hvis DIV blir utformet i henhold til en overordnet element og utvider ikke med innhold, kan du manuelt style DIV å vokse vertikalt eller horisontalt.

Bruksanvisning

1 Åpne nettsiders dokument i en teksteditor. Høyreklikk på den, og klikk deretter på "Åpne med." Klikk for å velge "Notisblokk" eller "WordPad", og klikk "OK."

2 Finn DIV du ønsker å style. En DIV er definert av en åpnings "<DIV>" og en avsluttende "</ div>" tag.

3 Klikk for å plassere markøren etter "DIV" tekst i åpnings DIV tag. Trykk space for å skape et enkelt mellomrom.

4 Type "style =" width: auto; height: auto; float: left; "" for å sette bredde og høyde egenskaper til "auto", som betyr at DIV vil utvide basert på innholdet plassert inni den (mellom åpning og lukking DIV-koder). Den "flyte" eiendommen er satt til "venstre" for å gi et referansepunkt for ekspansjon. Åpningen DIV skal nå se slik ut:

<Div style = "width: auto; height: auto; float: left; ">

5 Klikk "Fil" og "Lagre" for å lagre websiden dokumentet.