Quelles sont les valeurs par défaut pour « top », « left », « bottom » et « right » lors de l'utilisation de « position : absolue » ?

Valeurs par défaut pour Position : Absolue

Lors de l'utilisation de la propriété CSS position : absolue sans spécifier de valeurs, il est important de comprendre la valeur par défaut valeurs pour les propriétés top, left, bottom et right. Contrairement à la croyance populaire, ces valeurs ne sont pas définies sur 0 par défaut.

Au lieu de cela, la valeur par défaut de toutes ces propriétés est « auto ». Cela signifie que l'élément reste dans sa position normale dans la mise en page, comme s'il n'était pas positionné du tout. C'est ce qu'on appelle la « position statique ».

Le comportement d'un élément avec toutes ses valeurs de décalage définies sur « auto » est défini dans la spécification CSS. Pour la position horizontale, la contrainte est :

'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' + 'right' = width of containing block

Si les trois éléments "gauche", "largeur" ​​et "droite" sont "auto", la largeur de l'élément est définie sur "rétrécir à- fit", et la valeur 'gauche' est déterminée en fonction de la position statique.

De même, pour la position verticale, la contrainte est :

'top' + 'margin-top' + 'border-top-width' + 'padding-top' + 'height' + 'padding-bottom' + 'border-bottom-width' + 'margin-bottom' + 'bottom' = height of containing block

Si les trois éléments 'top' , 'height' et 'bottom' sont "auto", la valeur supérieure de l'élément est définie sur la position statique et sa hauteur est déterminée en fonction de son contenu.

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!