Après les trois positionnements relatifs, absolus et fixes en HTML, le pourcentage de largeur et la position de la boîte sont faciles à commettre des erreurs.

1. Positionnement relatif : Comme son nom l'indique, le positionnement relatif est décalé par rapport à sa propre position, comme indiqué ci-dessous : La direction positive du bord de la bande, par exemple :

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　      Le code est laissé : px ; ou à droite : -20px ; :-20px;

　　

2. Positionnement absolu : absolu

Basé sur le premier ancêtre positionné. box, La direction centrale du niveau ancêtre de positionnement est positive, comme indiqué ci-dessous :

　

3. Le positionnement fixe est indépendant de la balise body et est uniquement basé sur le Web. page html. Sa méthode de positionnement est similaire au positionnement absolu. La direction centrale est la direction positive

Le pourcentage de largeur est également basé uniquement sur le html. 1. S'il n'y a pas de positionnement parent, le positionnement absolu sera par défaut le premier ancêtre positionné

2. Le pourcentage de largeur des boîtes positionnées de manière absolue et relative est basé sur le premier ancêtre positionné. basé sur le corps

Pour plus d'informations sur les trois positionnements en HTML : relatif, absolu et fixe, le pourcentage de largeur et la position de la boîte sont sujets aux erreurs. Pour les articles connexes, veuillez faire attention au chinois PHP. site web!