Hvordan holde DIV Layers Posisjonert Når Oppløsning Endringer

DIV lag skille en side inn i ulike deler. Du kan bruke DIV lag å gruppere flere, relaterte elementer. Hvis div lag ikke er plassert riktig i koden, vil lagene endre sin posisjonering når siden er endret, eller når endringer skjermoppløsningen. Legg den "absolutte" eiendom til DIV elementer i siden koden for å holde DIV lag i posisjon.

Bruksanvisning

1 Legg til "<style>" og "</ style>" koder til siden koden, i mellom "<head>" og "</ head>" koder:

<Head>
<Style>
</ Style>
</ Head>

2 Sett "div {}" i mellom "<style>" og "</ style>" tagger med dette formatet:

<Style>
div {}
</ Style>

3 Legg til "position: absolute;" attributt i mellom krøllet bukseseler for å holde div lag i posisjon. Din endelige koden skal ligne dette:

<Head>
<Style>
div {position: absolute; }
</ Style>
</ Head>

Hint

  • Hvis du allerede har definert DIV elementer i CSS-kode, legge til "position: absolute;" til den eksisterende kode, som følge av semikolon. For eksempel:
  • div {float: left; stilling: attributt; }