Come mantenere i livelli DIV Posizionato quando la risoluzione Modifiche

February 17

layer DIV separano una pagina in diverse parti. È possibile utilizzare i livelli DIV a più gruppi, gli elementi connessi. Se gli strati DIV non sono posizionate correttamente nel codice, gli strati cambieranno la loro posizione quando la pagina viene ridimensionata, o quando cambia la risoluzione dello schermo. Aggiungere la proprietà "assoluta" per gli elementi DIV nel codice della pagina per mantenere livelli DIV in posizione.

istruzione

1 Aggiungere il "<style>" e "</ style>" tag al codice della pagina, tra il "<head>" e "</ head>" tag:

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

2 Inserisci "div {}" tra il "<style>" e "</ style>" tag con questo formato:

<Style>
div {}
</ Style>

3 Aggiungere il "position: absolute;" attribuire tra le parentesi graffe arricciate per mantenere gli strati DIV in posizione. Il tuo codice finale dovrebbe essere simile a questo:

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

Consigli e avvertenze

  • Se è già stato definito elementi DIV nel codice CSS, "position: absolute;" aggiungi al codice esistente, seguendo il semi-colon. Per esempio:
  • div {float: left; Posizione: l'attributo; }