Maison > interface Web > tutoriel HTML > le corps du texte

Quelques problèmes qui surviennent après l'utilisation du positionnement relatif, absolu et fixe en HTML

迷茫
Libérer: 2017-03-25 10:50:31
original
3301 Les gens l'ont consulté

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

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:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!