Alexis.. buenisimas tus clases!.. Te comento que despues de cada clase me gusta profundizar en la teoria y en la pagina de MDN encontre lo siguiente...

"Si ningún elemento ancestro tiene su propiedad de posición definida explícitamente, entonces, por defecto, todos los elementos ancestros tendrán una posición estática. El resultado de esto es que el elemento absolutamente posicionado estará contenido en el bloque de contención inicial. El bloque contenedor inicial tiene las dimensiones de la ventana gráfica y también es el bloque que contiene el elemento . En otras palabras, el elemento absolutamente posicionado se mostrará fuera del elemento y se colocará en relación con la ventana gráfica inicial."

Para demostrar esto bastaria con darle algun padding o margen al para ver que el elemento absolutamente posicionado no respeta la posicion del body, si no las dimensiones del "initial viewport". Para lograr que el elemento absolutamente posicionado tome como referencia el , tendriamos que tambien definir la posicion del es decir....en CSS body { position: relative;}.

para una demostracion grafica se puede consultar la siguiente pagina:

https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning#positioning_contexts

Alexis.. buenisimas tus clases!.. Te comento que despues de cada clase me gusta profundizar en la teoria y en la pagina de MDN encontre lo siguiente...

"Si ningún elemento ancestro tiene su propiedad de posición definida explícitamente, entonces, por defecto, todos los elementos ancestros tendrán una posición estática. El resultado de esto es que el elemento absolutamente posicionado estará contenido en el bloque de contención inicial. El bloque contenedor inicial tiene las dimensiones de la ventana gráfica y también es el bloque que contiene el elemento . En otras palabras, el elemento absolutamente posicionado se mostrará fuera del elemento y se colocará en relación con la ventana gráfica inicial."

Para demostrar esto bastaria con darle algun padding o margen al para ver que el elemento absolutamente posicionado no respeta la posicion del body, si no las dimensiones del "initial viewport". Para lograr que el elemento absolutamente posicionado tome como referencia el , tendriamos que tambien definir la posicion del es decir....en CSS body { position: relative;}.

para una demostracion grafica se puede consultar la siguiente pagina:

https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning#positioning_contexts

Alexis.. buenisimas tus clases!.. Te comento que despues de cada clase me gusta profundizar en la teoria y en la pagina de MDN encontre lo siguiente...

"Si ningún elemento ancestro tiene su propiedad de posición definida explícitamente, entonces, por defecto, todos los elementos ancestros tendrán una posición estática. El resultado de esto es que el elemento absolutamente posicionado estará contenido en el bloque de contención inicial. El bloque contenedor inicial tiene las dimensiones de la ventana gráfica y también es el bloque que contiene el elemento . En otras palabras, el elemento absolutamente posicionado se mostrará fuera del elemento y se colocará en relación con la ventana gráfica inicial."

Para demostrar esto bastaria con darle algun padding o margen al para ver que el elemento absolutamente posicionado no respeta la posicion del body, si no las dimensiones del "initial viewport". Para lograr que el elemento absolutamente posicionado tome como referencia el , tendriamos que tambien definir la posicion del es decir....en CSS body { position: relative;}.

para una demostracion grafica se puede consultar la siguiente pagina:

https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning#positioning_contexts