Hvordan endre størrelsen på divs for å matche innhold

En DIV er en HTML-kode som brukes som en beholder for andre objekter. Du kan angi størrelsen på DIV i din CSS-kode, noe som gjør det større eller mindre enn innholdet, eller gjør det samme størrelse. En DIV størrelse er definert i piksler, prosentvis eller em. Det første alternativet gir DIV en fast størrelse som forblir den samme uavhengig av innholdet. Den andre gir det en relativ størrelse basert på den overordnede container, og den tredje gir det en relativ posisjon basert på skriftstørrelsen. Den automatiske Eiendommen er standardinnstillingen. Det setter dimensjonene på en DIV automatisk på en webside.

Bruksanvisning

1 Åpne HTML-filen du ønsker å endre i et tekstredigeringsprogram, for eksempel Notisblokk, TextPad eller EditPad.

2 Bla til HEAD taggen og sett inn følgende kode. Det skaper en stil som endrer din DIV til størrelsen av innholdet:

<Style type = "text / css">

<! -

div .resize

{

height: auto;

}

->

</ Style>

</ Head>

3 Finn DIV tag du vil endre størrelsen automatisk i løpet av BODY-koden. Sett 'class = "skalere" "i DIV tag å formatere den på følgende måte:

<Div class = "endre størrelse"> Innhold </ div>