Pourquoi un élément à position fixe peut-il se déplacer avec ses éléments frères ?

Pourquoi un élément à position fixe se déplace avec son frère

Même s'il a été supprimé du flux de documents avec position : fixe, un élément peut toujours être affecté par ses frères et sœurs. Cela se produit en raison de la façon dont la fenêtre d'affichage est calculée.

La fenêtre d'affichage est la zone de la fenêtre du navigateur qui est visible par l'utilisateur. Il est calculé à l'aide des éléments entrants, qui sont les éléments qui participent au flux de documents régulier.

Dans le code HTML fourni, le premier élément entrant est

, qui a une marge supérieure. : 90px. Puisque le

est fixe, il n'est pas pris en compte dans le calcul de la fenêtre d'affichage.

Cependant, la marge par défaut de 8 px sur l'élément L'élément s'effondre avec la marge sur

. Cela entraîne le déplacement des deux éléments vers le bas de 90 px, affectant la position de l'en-tête fixe.

Pour résoudre ce problème, ajoutez simplement top: 0 au CSS d'en-tête pour le placer en haut de la fenêtre, indépendamment du marges des éléments frères et sœurs.

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!