Hvordan holde divs Fra Flytte på siden

Når du oppretter et nettsted, er det viktig å skille seg ut og sette deg ut fra konkurrentene med en god design, lett å finne informasjon, og navigasjon og konsistens. Holde navigasjonsfelt, bilder, tekst og andre elementer på siden din i den tiltenkte posisjon legger konsistensen du trenger på tvers av nettlesere, slik at hver seer den samme opplevelsen. HTML divs gir en enkel og elegant løsning for å opprettholde posisjonen av objekter på siden.

Bruksanvisning

1 Legg en stil kode til din divisjon. Styles tillate deg å kontrollere størrelsen og plasseringen av DIV vinduet.

2 Sett posisjonen til DIV til "absolutt". Dette tvinger divisjonen å bo i ett sett sted.

3 Legg en avstand i piksler for x og y koordinater fra toppen og til venstre på siden. For eksempel, hvis du ønsker å holde DIV 50 piksler fra venstre og 100 piksler fra toppen av siden, legge til "top: 100px; venstre: 50 piksler;" til koden. Se trinn 4 for et eksempel.

4 <Div style = "position: absolute; top: 100px; venstre: 50 px;"> DIV innhold her </ div>