Flexbox y posicionamiento absoluto

Chen Hui Jing señala que cuando colocas absolutamente un elemento flexible, ya no forma parte del diseño flexible. Excepto… es un poco. Si crea el elemento secundario position: absolute;pero no aplica ninguna propiedad superior/derecha/inferior/izquierda, entonces la alineación de Flexbox aún se le aplicará .

Es extraño de ver, pero también tiene cierto sentido. Cuando aplicas position: absolute;cosas (y nada más), simplemente permanecen donde están hasta que aplicas otro posicionamiento. Vea cómo este ícono SVG simplemente se ubica en el medio de este párrafo , e incluso fluye con él al cambiar el tamaño, porque no tiene instrucciones de posicionamiento específicas aparte de no afectar nada más.

Enlace directo →