2011-09-07 10 views
6

Si tengo un elemento con una posición absoluta y cambio su posición izquierda y superior volverá a sus padres hijos? y ¿qué hay de sus propios hijos si no se ven afectados ya que también están absolutamente posicionados por los ejes izquierdo y superior?¿El reflujo del navegador se vuelve a refluir si la posición del elemento es absoluta?

Si cambio el ancho/alto de un elemento pero no tengo importancia en el elemento primario y en sus elementos secundarios?

Respuesta

11

Un objeto con posición absoluta no afecta al diseño de la página. La página se presenta sin tener en cuenta un objeto de posición absoluta. Mover el objeto posicionado absoluto no causa ningún reflujo de otros objetos.

Mover un objeto con posicionamiento absoluto hará que sus objetos secundarios se muevan junto con él. No los refluirá, simplemente se moverán junto con su contenedor principal.

+1

gracias! eso es perfecto para saber Esta regla se aplica a IE6 e IE7 +? –

+0

Se aplica a todos los navegadores. Así es como funciona el posicionamiento absoluto. – jfriend00

+2

El comportamiento de reflujo del navegador puede ser muy sorprendente (especialmente IE), por lo que creo que la respuesta cortante no está disponible. Visita http://www.phpied.com/the-new-game-show-will-it-reflow/ para ver ejemplos (toma nota de la rareza de 'display: none') –

2

Para elemento con posición absoluta, no debería afectar el flujo de documentos, por lo que su cambio de posición no debería provocar reflujo del árbol dom de la página, pero si prueba this simple case con Chrome DevTools, podemos verlo realmente causa retransmisión (todo el documento), aunque en muy poco tiempo. Probablemente, el motor de renderizado no lo manejó como un caso especial.

+0

¿Se ha informado sobre este error? Parece que un elemento absoluto no debería desencadenar el reflujo de los antepasados. Lo he visto al agregar/eliminar elementos absolutos, también. – aleclarson

Cuestiones relacionadas