Как уже сказано: « Абсолютно позиционированный ребенок из гибкого контейнера не участвует в гибкой макете. ».
Тогда почему Flexbox Levifify-Content: Center и выравнивающие элементы: Center Свойства изготовления элемента ориентированы?
< /code>
.parent{
height: 100px;
width: 100px;
background-color: red;
display: flex;
align-items: center;
justify-content: center;
}
.child{
position: absolute;
height:20px;
width: 20px;
background-color: blue;
}
Подробнее здесь: https://stackoverflow.com/questions/795 ... ed-element