Maison  >  Article  >  interface Web  >  Positionnement absolu en CSS

Positionnement absolu en CSS

巴扎黑
巴扎黑original
2017-03-18 13:45:261538parcourir

[Introduction] Positionnement (gauche et haut) L'attribut de positionnement css sera la clé pour ouvrir la porte du bonheur aux internautes : H4 { position : left : 100px top : 43px } Cette règle CSS permet au navigateur de < La position de départ de H4> est définie avec précision à 100 pixels du côté gauche du navigateur, et la distance par rapport à son

positionnement (gauche et haut)


positionnement CSS les attributs feront le bonheur des internautes. La clé de la porte :

H4 { position : absolute ; left : 100px ; top : 43px 🎜>

Cette règle CSS permet au navigateur de déterminer avec précision la position de départ. de

Positionné à 100 pixels du côté gauche du navigateur et à 43 pixels du haut.

Notez que les seuls paramètres ici sont la gauche et le haut, c'est-à-dire que le texte entrera dans la fenêtre du navigateur de gauche à droite et de haut en bas.

Les attributs left et top sont très intuitifs. Left (gauche) définit la distance entre l'élément et le côté gauche de la fenêtre du navigateur, et top (top) définit la distance par rapport au haut de la fenêtre du navigateur.

Lors du réglage de ces distances, vous pouvez utiliser différentes unités de longueur ou valeurs d'échelle que vous avez apprises. Lorsque vous utilisez des valeurs d'échelle, la valeur d'échelle fait référence à la taille par rapport à l'entité parent.

Que pouvez-vous cibler ? rien! Paragraphes, mots, images GIF et JPEG, films QUICKTIME et plus encore

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:
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
Article précédent:Sélecteur d'identifiant CSSArticle suivant:Sélecteur d'identifiant CSS