compréhension relative du CSS

1. L'effet restrictif du relatif sur l'absolu

1. Restreindre le positionnement gauche/haut/droite/bas. Absolute se trouve par défaut dans le coin supérieur gauche de la classe parent. Lorsque la classe parent est définie sur relative, l'absolu est limité à la zone de la classe parent. Lors de la définition de haut/gauche/droite/bas, le point de départ est le haut. coin gauche de la classe parent

2. Limitez le niveau z-index. Les z-index des deux absolus dans la page sont différents et ne sont pas automatiques. Ils ont leurs propres niveaux. Lorsque les classes parentes de ces deux absolus ont des relatifs, leurs niveaux dépendent du z-index relatif de la classe parent

3. Limitez l'effet en cas de débordement. Par défaut, overflow:hidden ne peut pas restreindre l'absolu. Il ne peut être restreint que lorsque relatif est ajouté. Lorsque overflow:auto ou overflow:scoll est utilisé, il y a une barre de défilement à l'intérieur et l'absolu ne bougera pas avec la barre de défilement. Vous devez ajouter un relatif

2. Le relatif ne peut limiter que le niveau fixe de l'index z

3. Relatif et positionnement

1. Le positionnement et le décalage du relatif sont tous deux Il est relatif à sa propre position

2. Le positionnement relatif n'affectera pas le positionnement des autres éléments. Fonction : Peut être utilisé pour personnaliser la fonction glisser-déposer

4. Le principe de minimisation relative de l'impact

fait référence à la minimisation de l'impact potentiel de l'attribut relatif sur d'autres éléments ou mises en page

1 , Essayez d'éviter d'utiliser relatif

2. Lorsqu'il doit être utilisé, relatif doit également être minimisé

Pour plus d'articles connexes sur la compréhension relative du CSS, veuillez faire attention au PHP Site chinois !