Trois mécanismes de positionnement de base en CSS

Trois mécanismes de positionnement de base en CSS

a. Flux de documents ordinaire

b. Positionnement : positionnement relatif

Positionnement absolu

Positionnement fixe

c.Flottant

1. Dans le flux ordinaire, la position des éléments est déterminée par l'ordre du document et la nature des éléments au niveau du bloc est disposée de haut en bas et par la verticale. la distance entre les cases est déterminée par la valeur de la marge verticale. Les éléments en ligne sont disposés horizontalement dans une rangée

2. Le positionnement relatif est considéré comme faisant partie du flux normal. L'élément déplacé occupe toujours la position d'origine. Le déplacement de l'élément le fera couvrir d'autres cases

3. Le positionnement absolu est relatif à l'élément ancêtre le plus proche qui a été positionné, et le positionnement absolu est hors du commun

4. le positionnement est relatif au positionnement de la fenêtre du navigateur

5. L'élément flottant peut se déplacer vers la gauche et la droite jusqu'à ce que le bord de sa bordure extérieure touche le bord de la boîte le contenant ou une autre boîte flottante

6. L'élément flottant s'éloigne du flux normal du document

7. Les éléments en ligne et les éléments de bloc en ligne seront disposés autour de la boîte flottante, et les éléments de bloc seront couverts

Pour en savoir plus. les trois mécanismes de positionnement de base en CSS, veuillez faire attention au site Web PHP chinois pour les articles connexes !