as it is said "an absolutely-positioned child of a flex container does not participate in flex layout.".then why are flexbox's justify-content:center and align-items: center properties making element centered?
<div class="parent"><div class="child"></div></div><style> .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;}</style>