Deoarece elementul de mijloc conține doar elemente absolute , astfel încât nu există nici un conținut în flux în interiorul acestuia pentru a defini înălțimea sa. Apoi , implicit align-items este de întindere , astfel elementul tau va fi întins în mod implicit , iar înălțimea va fi egală cu înălțimea mamă , dar dacă modificați alinierea elementului va lua în considerare conținutul său pentru a defini înălțimea și , deoarece nu există nici în flux elementul va avea height:0 ceea ce înseamnă că bara de progres definit de top:0;bottom:0 va avea , de asemenea înălțime 0 .

Pentru a evita acest lucru, cel puțin unul dintre elementul nu positoned (cel care conține textul) , astfel încât elementul de mijloc au un conținut în flux , iar înălțimea va fi diferit de 0 whataver alinierea va fi.