Hvordan lage DIV bla med en side ved hjelp av CSS

Når du utformer ditt nettsted, kan du ha en bestemt DIV beholder som du ønsker skal være synlig for de besøkende til enhver tid, selv når de er å rulle opp og ned på siden. Mens det er mange teknologier og programmeringsspråk som kan brukes til å lage DIV bla med en side, en av de enkleste og mest pålitelige metoder er i bruk av CSS styling.

Bruksanvisning

1 Identifisere hvor på siden du vil at DIV container skal plasseres. Velg fra topp eller bunn og venstre eller høyre.

2 Gi DIV beholder en unik ID for styling formål. På sidens HTML, vil åpning DIV tag se slik ut:

<Div id = "div_name">

3 Åpne din stilark og lage en oppføring for den nye DIV container:

div_name {

}

4 Tilsett fast stilling stil til stil oppføring for den nye DIV container.

div_name {

stilling: fast;
}

5 Legg venstre / høyre stilelementer til stilen din oppføring. Legg til en sideveis posisjonering element ved å velge en side for å måle fra venstre eller høyre, og en avstand for å plassere elementet fra den siden. Verdien 0 vil plassere DIV beholderen helt opp til den siden av siden. Andre verdier som kan gis er pikselbredder (dvs. 125 px) eller prosenter (dvs. 33 prosent). Nedenfor er et eksempel:

div_name {

stilling: fast;
venstre: 0;
}

6 Legg topp / bunn stilelementer til stilen din oppføring. Legg til en opp og ned posisjoneringselement ved å velge en side for å måle fra (topp eller bunn, og en avstand for å plassere elementet fra den siden. En verdi på 0 vil plassere DIV beholderen hele veien opp til den side av siden. Andre . verdier som kan gis er pikselbredder (dvs. 125 px) eller prosenter (dvs. 33 prosent) Nedenfor er et eksempel:

div_name {

stilling: fast;
venstre: 0;
bottom: 25px;
}