À propos de la fonctionnalité relative en CSS

Parlons de ses propres caractéristiques :

1. Le positionnement de gauche, de droite, du haut et du bas sont tous relatifs à leurs propres positions Positionnement

2. Quand la gauche et la droite existent en même temps, la gauche prend effet

3. Lorsque le haut et le bas existent en même temps L'existence du haut prend effet

4. Aucune intrusion, conserve la position d'origine et n'affectera pas le disposition d'autres éléments

5. Peut être utilisé en "Drag and Drop personnalisé"

Comprendre la relation entre relatif et absoulte  :

1. Les éléments relatifs limiteront le positionnement gauche, droite, haut, bas des éléments absoultes internes

2. les éléments relatifs limiteront interne Le niveau z-index de l'élément absoulte

3. relatif L'élément limitera l'élément absoulte interne à définir par l'élément de débordement

Comprendre la relation entre relatif et fixe :

1. L'élément relatif limitera le niveau z-index de l'élément fixe interne

Comprendre la relation entre relatif et z-index :

1. Paramètres Les éléments relatifs augmenteront le contexte d'empilement

2. Lorsque le z-index est un élément relatif automatique, le niveau des éléments absolus internes ne sera pas restreint

3. Lorsque le z-index est un valeur numérique, un contexte d'empilement sera créé, de sorte que la taille numérique empilée des deux éléments relatifs soit comparée, plutôt que la comparaison des éléments internes.

Notes d'utilisation :

1. Essayez d'éviter d'utiliser le attribut relatif

2. S'il est utilisé, essayez de restreindre la zone de contrôle pour n'inclure que les éléments internes à restreindre

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!