¿Cuál es el significado de los términos "Flujo normal" y "Fuera de flujo", en términos de HTML, CSS y navegador?¿Cuál es el significado de los términos "Flujo normal" y "Fuera de flujo", en términos de HTML, CSS y navegador?
Fuera de flujo es cualquier elemento que se ha posicionado relativa o absolutamente o cualquier cosa que se ha flotado.
El resto se consideraría flujo normal.
Mire CSS Positioning and Layout y preste mucha atención a la sección "Métodos de elementos de posicionamiento".
"Flujo normal" es la forma típica en que el navegador representa, teniendo en cuenta los elementos que lo rodean y otras consideraciones de elementos para él. "Fuera de flujo" significa que el elemento es "ignorado" o el comportamiento "cambiado" por elementos a su alrededor. Editado esta frase siguiente: Por lo tanto, si un elemento es distinto de static (el valor predeterminado) puede estar fuera de flujo (digo puede, porque relative está fuera de flujo, debe estar desplazado) o si el elemento tiene un float luego se convierte en "fuera de flujo" porque no sigue un estándar inline normal de un elemento tras otro en una línea o un estándar block estándar de elementos que se apilan uno al otro en la página. Esta página es (por supuesto) más a fondo en la comprensión de esto: http://www.w3.org/TR/CSS2/visuren.html
Los static y relative elementos fijas en el Normal Flow, pero el absolute y fixed elementos se eliminan fuera del flujo.
de http://www.w3.org/TR/CSS21/visuren.html#choose-position
estático: La caja es una caja normal, establecido de acuerdo con el flujo normal. Las propiedades 'superior', 'derecha', 'inferior' e 'izquierda' no se aplican.
relativo: la posición de la caja se calcula de acuerdo con el flujo normal (esto se denomina posición en flujo normal).
......
también se puede leer más sobre el posicionamiento CSS aquí: The position declaration
quiere decir elementos que se colocan con 'relative',' 'fixed' o absolute' –
@ Justin Niessner: una honesta pregunta honesta aquí: ¿podría explicar por qué los elementos relativamente posicionados están fuera de flujo si no están flotando? – BoltClock
@BoltClock - Porque incluso si especifica una posición relativa, todavía está anulando la posición que el elemento tendría en el flujo normal del documento. La alternativa sería intentar y usar márgenes/relleno para mantener el flujo normal. –