Hvordan bruke DIV Positioning i en CSS-trykk stilark

CSS print stilark lar deg plassere en HTML div element hvor som helst på websiden din. Du bruker "absolutt" attributt, og angi plasseringen for div sin plassering på siden. Du angir plassering i piksler, slik at du kan flytte bildet øverst eller nederst på siden. Vanligvis tar det flere forsøk på å finne ut den perfekte posisjon for div-elementet.

Bruksanvisning

1 Høyreklikk HTML-fil som inneholder div tag du vil plassere. Klikk "Åpne med", deretter HTML editor du vil bruke til å lage koden.

2 Finn div i HTML-koden. Du kan plassere en eller alle av dine div containere. Det spiller ingen rolle hvor div ligger i HTML fordi posisjonering eiendom flytter div i brukerens nettleser.

3 Skriv inn CSS stil i div tag. Følgende kode posisjonerer div i øverste venstre hjørne av nettleseren:

<Div id = "left" style = "position: absolute; top: 5px; left: 5px;"> </ div>

Den "absolutt" posisjon forteller leseren å plassere div forhold til beholderen. Den "5px" definisjon forteller leseren til å flytte div tag fem piksler ned fra toppen av nettleservinduet og fem piksler fra venstre side av nettleservinduet.

4 Lagre filen og åpne den i en nettleser. Vis div tag plassering. Hvis du ønsker å flytte div tag igjen, gjenta disse trinnene og endre pikselegenskaper.