Maison > Article > interface Web > Position fixe en utilisant CSS
Position fixe en utilisant CSS
- WBOYavant
- 2023-09-01 12:57:031161parcourir
Le positionnement fixe vous permet de fixer la position d'un élément à un emplacement spécifique de la page, quel que soit le défilement. Les coordonnées spécifiées seront relatives à la fenêtre du navigateur.
Vous pouvez utiliser les deux valeurstop et left et l'attribut position pour déplacer un élément HTML vers n'importe quelle position dans le document HTML.
- Déplacer vers la gauche - Utilisez des valeurs négatives pour vous déplacer vers la gauche.
- Déplacez-vous vers la droite - Utilisez des valeurs gauche positives.
- Move Up - Utilisez des valeurs négatives pour Top.
- Move Down - Utilisez des valeurs positives pour Top.
- Move Down - Utilisez des valeurs positives pour Top.
- li>
Exemple
Vous pouvez essayer d'exécuter le code suivant pour obtenir un positionnement fixe
<html>
<head>
</head>
<body>
<div style = "position:fixed; left:80px; top:20px; background-color:blue;color:white;">
This div has fixed 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：Utilisation des propriétés de transformation CSSArticle suivant：Utilisation des propriétés de transformation CSS