Does 'position: absolute' conflict with Flexbox?

Question

I want to make a div stick on the top of the screen without any influence to other elements, and its child element in the center.

Answer 1

You have to give width:100% to parent to center the text.

 .parent {
   display: flex;
   justify-content: center;
   position: absolute;
   width:100%
 }

  
text

If you also need to centre align vertically, give height:100% and align-itens: center

.parent {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   width:100%;
   height: 100%;
 }