2 replies

why does margin-top auto only work if parent is a flex container

Hey, i made this example for someone and i'm not quite sure the in depth reasoning as to why setting

margin-top: auto;

margin-top: auto;

on a child (in this case

nav

nav

) doesn't work unless the parent is a flex container (in this case

.site-container

.site-container

), i just know it works and i'd like to understand a little more. I'd appreciate any help, thanks in advance.

https://codepen.io/deerCabin/pen/OJeLPYW

CodePenR

...