javascript - css3 flex centering problem

Question

I can center the element by setting justify-content:center, but why can’t the element be centered after adding position: fixed;? Doesn’t the flex layout take effect after using fixed?

 .v-stairs-nav {
         
            display: flex;
            position: fixed;
            justify-content: center;
        }

Answer 1

position:fixedThe document is out of standard flow. You can solve this problem by adding width:100%