Comment puis-je faire en sorte qu'une division à positionnement absolu augmente la hauteur de son parent ?

Positionnement absolu et hauteur de la div parent

Cette question explore le défi consistant à faire en sorte qu'un div en position absolue augmente la hauteur de son div parent. L'auteur présente un scénario dans lequel ils souhaitent qu'un div enfant (child2) soit positionné avant un autre div enfant (child1) sur les ordinateurs de bureau et les appareils mobiles. Pour y parvenir, ils utilisent le positionnement absolu sur child2.

Cependant, l'auteur note que les éléments positionnés en absolu sont supprimés du flux de documents normal, ce qui signifie qu'ils sont ignorés par les autres éléments. Cela pose un problème lorsque l'on tente d'augmenter la hauteur du div parent pour s'adapter à la hauteur dynamique de child2.

L'auteur tente de résoudre le problème en utilisant overflow:hidden sur le div parent et le hack clearfix, mais en vain . Ils concluent que soit des hauteurs fixes doivent être utilisées, soit JavaScript est requis pour repositionner les divs.

Comme alternative, l'auteur suggère d'utiliser une boîte flexible CSS ou une disposition en grille, qui permet d'inverser l'ordre visuel des éléments HTML dans un conteneur parent sans recourir à un positionnement absolu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!