Maison >interface Web >tutoriel CSS >Positionnement relatif à l'aide de CSS
Positionnement relatif à l'aide de CSS
- PHPzavant
- 2023-08-27 15:13:021282parcourir
Le positionnement relatif modifie la position d'un élément HTML par rapport à sa position d'affichage normale. Donc "left:20" ajoute 20 pixels à la position GAUCHE de l'élément.
Vous pouvez utiliser les deux valeurs top et left ainsi que attribute pour déplacer l'élément HTML vers n'importe quelle position dans le document HTML.
- Déplacer vers la gauche - Utilisez des valeurs négatives pour gauche.
- Déplacez-vous vers la droite - Utilisez des valeurs positives pour la gauche.
- Monter -Utilisez des valeurs négatives pour le haut.
- Descendre - Utilisez des valeurs positives en haut.
Exemple
Vous pouvez essayer d'exécuter le code suivant pour obtenir un positionnement relatif -
<html>
<head>
</head>
<body>
<div style = "position:relative;left:80px;top:2px;background-color:yellow;">
This div has relative positioning.
</div>
</body>
</html>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!
Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Comment définir la position de base d'un élément pivoté en CSS ?Article suivant：Comment définir la position de base d'un élément pivoté en CSS ?