Slik fjerner Space Between Div Tags

March 1

Div koder er byggesteinene i et nettsted, som brukes til å arrangere en webside ulike innholdsblokker. Av og til kan det bli for mye plass mellom to div koder, eller ønsker du kanskje de to overlapper litt. Plassen kan være et resultat av for mye padding eller margin mellom de to eller en av de div koder som blir justert til høyre eller venstre. Uansett, kan relative posisjonering brukes til å overlappe disse div koder.

Bruksanvisning

1 Start med å lage en ny div tag. Hvis du har en CSS-klasse du ønsker koden for å samsvare med, peker på det ved å skrive inn:

<Div class = "yourclass"

Yourclass erstattes av CSS-koden.

2 Legg en stil tag. Den resulterende koden vil se slik ut:

<Div class = "yourclass" style =

3 Skriv "position: relative;" etter stil. Dette forteller en nettleser som du reposisjonere div tag basert på den posisjonen den var i Koden vil se slik ut.:

<Div class = "yourclass" style = "position: relative;

4 Definere hvordan du vil flytte div tag. For eksempel, hvis det er plass du ønsker å fjerne til venstre for div tag, skriv "left: 20px;" Negative verdier kan brukes, for eksempel "høyre: 20px ;."

5 Lukk div tag. Den endelige koden vil se omtrent slik ut:

Dette vil flytte div tag 20 piksler til venstre og 10 piksler opp.