Hvordan Space DIV Containere

September 8

Divs er er HTML-elementer som er opprettet av "<div>" tag, og disse kodene opprette separate deler av innhold på websider. Kompliserte sideoppsett kreve mange divs, inkludert divs som hekker inne i andre divs. Webutviklere kaller divs som brytes rundt andre "beholdere" eller "wrappers", og mange layouter bruke en div som brytes rundt hele siden for bedre kontroll. Du kan plass disse beholderne ved hjelp av CSS (Cascading Style Sheet) kode. Sett flyter og marginer for å justere divs og plass dem fra hverandre.

Bruksanvisning

1 Åpne websiden i Notepad eller en kode editor. Finn dine div containere:

Innhold av "Left" div

</ Div>

Innholdet i "riktig" div

</ Div>

Finn navnet ID til hver div du ønsker å plass, og gi en ID-navnet til noe div som ennå ikke har en.

2 Finn "<style>" tags mellom "<head>" koder på websiden din, og legge dem hvis du finner ingen:

</ Style>

3 Skriv stilregler mellom "<style>" tags. Velg hver div etter sin ID navn prefiks med en hash symbol:

venstre {

}

høyre {

}

4 Linje divs side-by-side med "flyte" eiendom hvis det er nødvendig:

venstre {

float: left;

}

høyre {

float: right;

}

5 Still "margin" eiendom i hver stil regel å endre margene for dine divs. Du kan bruke stenografi "margin" eiendom eller sett hver margin separat:

venstre {

margin-left: 20px;

}

høyre {

margin: 20px;

}

I eksempelet ovenfor, får "venstre" div en margin på 20-piksler på sin venstre side bare når den "riktige" div får en margin på 20-piksler på alle fire sider.

Hint

Unngå gjenbruk av ID-navnene i HTML-koden. Gjør hver ID navn unik og lett å huske.
Sikkerhetskopier websiden før du kan redigere sin kode.