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 creo un layout puedo usar display: flex
, de acuerdo con la cita de arriba (justo arriba de este párrafo) yo movería al elemento del flujo normal.
Entonces solo cambio como la caja se comporta en el flujo normal no lo muevo del flujo normal, entonces no se que es el flujo normal...porque cuando toca explicar la propiedad position en el articulo que estoy leyendo,dice que esto 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 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