Maison  >  Article  >  interface Web  >  Comment réparer le haut du div CSS

Comment réparer le haut du div CSS

藏色散人
藏色散人original
2020-12-14 09:07:188551parcourir

Comment réparer le haut du div css : ajoutez d'abord un nom de classe au div à corriger, et définissez la couleur de la barre de navigation, puis ajoutez l'attribut "position" au div représenté par la navigation ; bar; enfin, ajoutez la navigation. La propriété position de la barre est définie sur "fixe" pour la rendre fixe.

Comment réparer le haut du div CSS

L'environnement d'exploitation de ce tutoriel : système windows7, version css3&&html5, ordinateur thinkpad t480.

css pour corriger le div en haut :

Comme indiqué sur l'image, ajoutez un nom de classe au div à corriger. J'ajouterai le nom de la classe. en haut de la div.

Comment réparer le haut du div CSS

Supposons que la largeur et la hauteur de notre barre de navigation soient telles qu'indiquées dans l'image, puis définissez la couleur de la barre de navigation.

Comment réparer le haut du div CSS

De cette façon, notre barre de navigation est créée, puis nous commençons à fixer la position de la barre de navigation div.

Comment réparer le haut du div CSS

Comme le montre la figure, ajoutez l'attribut "position" au div représenté par la barre de navigation.

Comment réparer le haut du div CSS

Ensuite, définissez l'attribut de position de la barre de navigation sur "fixed", ce qui signifie un positionnement fixe.

Comment réparer le haut du div CSS

Ensuite, nous définissons l'attribut "top" de la barre de navigation à 0, ce qui signifie que la distance entre la barre de navigation et le haut du navigateur est de 0. Si c'est le cas, est d'autres valeurs, il sera plus éloigné.

Comment réparer le haut du div CSS

En général, il suffit de définir position:fixed sur le div, puis de régler top à 0 pour fixer la position. C'est très simple, allez vous entraîner !

Recommandé : "Tutoriel vidéo CSS"

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