Does 'position: absolute' conflict with flexbox?

Absolutely positioning will not conflict with flex containers. You need to set the parent width and values as well:

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

The following is the HTML:

<div class = "parent">
   <div class = "child">text</div>
</div>

Karthikeya Boyini

Published on 10-Apr-2018 08:33:35

• Related Questions & Answers
• How and why does 'z'['toUpperCase']() in JavaScript work?
• Replace '*' with '^' with Java Regular Expressions
• Update 'a' record with 'b' and 'b' with 'a' in a MySQL column (swap) with only 'a' and 'b' values?
• How does JavaScript 'return' statement work?
• What does '?' do in C/C++?
• What does 'weight' do in tkinter?
• What does 'is' operator do in Python?
• What does 'in' operator do in Python?
• What does colon ':' operator do in Python?
• What does the '@' prefix do in PHP?
• How does parameters 'c' and 'cmap' behave in a Matplotlib scatter plot?
• CSS position: absolute;
• Does Python have a string 'contains' substring method?
• How does $('iframe').ready() method work in jQuery?
• What does 'is not' operator do in Python?