Normal flow is how the browser lays out HTML pages by default when you do nothing to control page layout.
Everything in normal flow has a value of display, used as the default way that elements they are set on behave.
Hasta aquí comprendo que el flujo normal es el como los navegadores colocan los elementos por defecto, siempre usando la propiedad display
.
Luego me confundo un poco con lo que sigue
The display property — Standard values such as block, inline or inline-block can change how elements behave in normal flow
Cambiando el valor de display
solo cambio como el elemento se comporta en el flujo normal pero no sale del flujo normal.
When you use CSS to create a layout, you are moving the elements away from the normal flow
Cuando utilizo display: flex
estoy creando un layout, de acuerdo con la cita de arriba (justo arriba de este párrafo) ademas yo movería al elemento del flujo normal.
Entonces con display
solo cambio como la caja se comporta en el flujo normal no lo muevo del flujo normal a como da a entender la segunda cita, entonces no se que es el flujo normal...porque cuando toca explicar la propiedad position
en el articulo que estoy leyendo,dice que position
causa que el elemento salga completamente del flujo normal. Pero no se que es exactamente estar en el flujo normal. ¿Es el flujo normal cuando los elementos se colocan de acuerdo a la propiedad display
? entonces decir que usar position
saca al elemento del flujo normal porque ya no obedece a la propiedad display
tiene sentido pero no se, estoy confundido. ayuda, por favor.
Bueno las citas las saque de aquí, que es donde estoy aprendiendo css:
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction