Pourquoi le positionnement absolu imbriqué fait-il référence aux éléments à leur parent plutôt qu'au grand-parent ?

Positionnement imbriqué : absolu dans l'absolu

Les éléments imbriqués en position absolue peuvent présenter un comportement inattendu en CSS. Considérons ce scénario :

• Un premier div (#1er) avec position : relative
• Un deuxième div (#2ème) positionné de manière absolue par rapport au #1er
• A troisième division (#3ème) positionnée de manière absolue dans #2ème

Q : Pourquoi la #3ème est-elle absolument positionnée par rapport à la #2ème au lieu de la #1ère ?

A : Parce que position : absolue dans un élément en position absolue réinitialise la position relative de ses enfants.

Cette propriété remplace effectivement le positionnement relatif du #1er pour le #3ème, ce qui en fait une position absolue par rapport à son parent direct, #2nd.

Pour obtenir le comportement souhaité, où #3rd est absolument positionné par rapport à #1st, vous devrez faire de #3rd un enfant direct de #1st.

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!