Le "disposition fixe"Est également appelé une disposition statique et il est mesuré dans"pixels". Ce type de mise en page rend la largeur de l'élément fixe. De plus, la disposition fixe est programmée d'une manière que peu importe la taille ou la résolution de l'écran, la largeur de l'élément ne changera pas. Il est bénéfique pour les utilisateurs qui souhaitent présenter des images d'entreprise cohérentes à tous les visiteurs.

Ce blog démontrera la procédure de création d'une disposition de largeur fixe avec CSS.

Comment créer une disposition de largeur fixe à l'aide de CSS?

Dans le but de créer une disposition à largeur fixe, tout d'abord, à l'intérieur de l'élément corporel du HTML, ajoutez un élément div avec un nom de classe "largeur fixe". Puis ajouter

et

Éléments pour ajouter du contenu.

Html

Bienvenue à Linuxhint

Linuxhint est le meilleur site Web de tutoriel en ligne. Si vous voulez apprendre la programmation bash, vous êtes au bon endroit.

La structure de balisage est terminée et peut être vue dans l'image ci-dessous:

Maintenant, appliquons les propriétés de style CSS aux éléments HTML ci-dessus.

Style tous les éléments

*
marge: 0px;
rembourrage: 0px;

Comme nous le savons, les dispositions de largeur fixe utilisent la largeur des pixels exacts, donc la propriété de largeur sera définie «pixels". Il définit que la largeur de l'élément restera la même que dans chaque taille d'écran.

Div de largeur fixe de style

.largeur fixe
Color en arrière-plan: RVB (238, 238, 238);
marge: auto;
largeur maximale: 400px;
Hauteur: 100VH;

Le ".largeur fixe"Fait référence à la largeur fixe de la classe div. Les propriétés suivantes sont appliquées à la largeur fixe DIV:

• "Couleur de l'arrière plan»Spécifie la couleur de l'arrière-plan de l'élément.
• "marge»Spécifie l'espace autour de l'élément.
• "largeur maximale»Définit la largeur maximale de l'élément.
• "hauteur»La propriété définit la hauteur de l'élément.

La sortie du code mentionné s'affiche ci-dessous:

On peut observer que la largeur de la largeur fixe div est fixe. Il ne change pas en fonction des tailles d'écran.

C'est ainsi que la disposition de la largeur fixe est créée dans CSS.

Conclusion

Les dispositions de largeur fixe définissent la largeur de l'élément fixe. Ils restent les mêmes dans chaque taille d'écran. Si la largeur de la fenêtre du navigateur est inférieure à la largeur de la disposition, une barre de défilement horizontale apparaîtra et que la largeur de l'élément ne changera pas. Pour faire fixer la mise en page, la largeur de l'élément doit être spécifiée dans «pixels". Avec l'aide d'un exemple pratique, ce blog a démontré comment créer une disposition à largeur fixe dans CSS.