Hvordan Anchor en DIV til nederst på en side

Hvordan Anchor en DIV til nederst på en side


Å forankre en DIV til bunnen av en side i HTML må du bruke en CSS. CSS står for Cascading Style Sheet og refererer til fonter, farger og plassering av elementene i HTML-dokumentet og nettsted som er gjengitt. Innstilling av posisjoneringen inne i CSS kan feste-elementet eller DIV til et bestemt sted hvis posisjonering er satt til løst. Dette vil tillate andre deler av siden skal fungere rundt elementet, men den angitte DIV vil forbli forankret på plass.

Bruksanvisning

Hvordan Anchor en DIV til nederst på siden av et nettsted

1 Input grunnbunn DIV-koden i HTML editor. Koden skal se omtrent slik ut:

<Div id = "footer">

&lt;div class="wrap">

& Lt; p> Sett inn innhold her. & Lt; / p>

& Lt; / div>

& Lt; / div>

Dette er koden for det DIV man ønsker å feste til bunnen av HTML-siden.

2 Legg en CSS-regel til stilarket for omslaget, topp- og bunntekst for siden din. CSS-stilark skal se slik ut:

.pakke inn {

position:relative;

margin: 0 auto;

bredde: 960 x;

}

#topptekst bunntekst {

width: 100%;

float: left;

}

Omhyllingen bredde på 960 piksler bør endres for å passe til dimensjonene på siden blir opprettet.

3 Legg til ekstra kode i CSS som bare gjelder DIV du vil forankret til bunnen av siden. Koden skal se slik ut:

footer {

position:fixed;

bottom: 0;

z-index: 999999;

}

Denne koden vil feste DIV til bunnen av siden uansett hva annet blir lagt til eller fjernet fra siden.