Tecnología

Inicio

Cómo mantener las capas DIV Posicionado Cuando la resolución Cambios

May 7

DIV capas se separan una página en diferentes partes. Puede utilizar capas DIV agrupar varios elementos relacionados. Si las capas DIV no están correctamente colocadas en el código, las capas cambiarán su posicionamiento cuando se cambia el tamaño de la página, o cuando cambia la resolución de pantalla. Agregue la propiedad "absoluta" a sus elementos DIV en el código de página para mantener las capas DIV en su posición.

Instrucciones

1 Añadir el "<style>" y "</ style>" etiquetas en el código de la página, entre el "<head>" y "</ head>" etiquetas:

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

2 Insertar "div {}" entre el "<style>" y "</ style>" etiquetas con este formato:

<Style>
div {}
</ Style>

3 Añadir la "position: absolute;" atributo de entre las llaves rizados para mantener las capas DIV en su posición. Su código final debe ser similar a esto:

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

Consejos y advertencias

  • Si ya ha definido los elementos DIV en el código CSS, añadir "position: absolute;" al código existente, siguiendo el punto y coma. Por ejemplo:
  • div {float: left; Posición: atributo; }