La différence entre le positionnement statique et le positionnement relatif
P粉316423089
P粉316423089 2023-08-22 19:33:59
0
2
601
<p>En CSS, quelle est la différence entre le positionnement statique (par défaut) et le positionnement relatif ? </p>
P粉316423089
P粉316423089

répondre à tous(2)
P粉649990273

Pour la réponse à "Pourquoi CSS implémente-t-il toujours position:static;", dans certains cas, l'utilisation de position:relative pour l'élément parent et de position:absolute pour l'élément enfant limitera la largeur de mise à l'échelle de l'élément enfant. Dans un système de menu horizontal, vous avez peut-être lié des « colonnes », qui, en utilisant width:auto, ne fonctionneront pas avec les éléments parents relatifs. Dans ce cas, le changer en « statique » permettra à la largeur de changer en fonction du contenu qu'il contient.

J'ai passé des heures à me demander pourquoi le conteneur ne pouvait pas être redimensionné en fonction de son contenu. J'espère que cela t'aides!

P粉122932466

Le positionnement statique est le modèle de positionnement par défaut pour les éléments. Ils sont rendus sur la page dans le cadre du flux HTML normal. Les éléments positionnés statiques n'obéissent pas aux règles lefttoprightbottom :

Le positionnement relatif vous permet de spécifier un décalage spécifique par rapport à la position normale d'un élément dans le flux HTML (comme dans lefttop等)。因此,如果我在一个div中有一个文本框,我可以在文本框上应用相对定位,以便它显示在相对于它在divUne position spécifique où il serait normalement placé :

Il existe également un positionnement absolu - vous pouvez spécifier la position exacte d'un élément par rapport à l'ensemble du document, ou par rapport à l'élément suivant positionné relativement plus haut dans l'arborescence des éléments :

Quand position: relative est appliqué à un élément parent dans la hiérarchie :

Veuillez noter que nos éléments positionnés de manière absolue sont soumis aux limitations des éléments positionnés de manière relative.

Enfin, il y a le positionnement fixe. Le positionnement fixe contraint un élément à un emplacement spécifique dans la fenêtre qui reste inchangé lors du défilement :

Vous pouvez également observer que les éléments positionnés fixes ne provoquent pas de défilement car ils ne sont pas considérés comme des éléments délimités par la fenêtre :

Alors que les éléments en position absolue sont toujours contraints par la fenêtre d'affichage et provoqueront un défilement :

À moins bien sûr que votre élément parent utilise overflow: ? pour déterminer le comportement de défilement (le cas échéant).

En utilisant le positionnement absolu et le positionnement fixe, les éléments sortiront du flux HTML.

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!