communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > Dans l'attribut de positionnement de position de CSS : la différence entre absolu et fixe

Dans l'attribut de positionnement de position de CSS : la différence entre absolu et fixe

怪我咯
Libérer： 2017-06-22 10:11:53
original
3443 Les gens l'ont consulté

Nous savons que dans l'attribut positionpositionnement du css, il y en a deux qui représentent le positionnement absolu Valeur, valeurabsolue et valeurfixe.

sont tous deux des positionnements absolus. Ils sont à la fois cohérents et différents. Alors quelle est la différence entre les deux ? Autrement dit, l'élément positionné par la valeur fixed de position sera fixé à sa position d'origine, peu importe la façon dont vous faites glisser la barre de défilement, l'élément le sera. ne sera pas fixe. Changera de position , ce qui peut également être vu à partir de la signification du mot anglais fixe, "fixe, immuable, têtu ". L'absolu est exactement le contraire Lorsque vous faites glisser la barre de défilement, l'élément changera de position avec .

Voici un exemple :

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<!DOCTYPE html><html>

<head>

<meta charset="utf-8">

<meta name="author" content="http://www.softwhy.com/" />

<title>测试absolute与fixed</title>

<style type="text/css">

div{

  width:100px;

  height:100px;

  background:green;

}

#left{

  left:0px;

  top:100px;

  position:absolute;

}

#right{

  right:0px;

  top:100px;

  position:fixed;

}

</style>

</head>

<body style="height:1000px;">

<div id="left">absolute</div>

<div id="right">fixed</div>

</body>

</html>

Copier après la connexion

La page d'origine ressemble à ceci :

Dans lattribut de positionnement de position de CSS : la différence entre absolu et fixe

Lorsque la barre de défilement est déplacée vers le bas, l'effet est comme ceci :

Dans lattribut de positionnement de position de CSS : la différence entre absolu et fixe

Le changement est très évident.

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!

Étiquettes associées：
css fixed position 定位
Article précédent：Attribut de position CSS : la différence et l'utilisation de l'absolu, du relatif, du statique et du fixe Article suivant：Dans l'attribut de position CSS : comment utiliser le paramètre fixe
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
position du menu
Depuis 1970-01-01 08:00:00
0
0
0
javascript - Remplacement efficace de la position des éléments js
Depuis 1970-01-01 08:00:00
0
0
0
html ajuste la taille et la position du texte souhaitées
Depuis 1970-01-01 08:00:00
0
0
0
Comment réaliser la relation de position entre les points et les cercles en JavaScript
Depuis 1970-01-01 08:00:00
0
0
0
javascript - Comment toujours fixer un div dans une certaine position ; peu importe la façon dont l'écran et la résolution changent, la position du div restera toujours la même ;
Depuis 1970-01-01 08:00:00
0
0
0
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal