“fast layout”Blir også referert til som en statisk utforming, og den måles i“piksler”. Denne typen layout gjør bredden på elementet fikset. Dessuten er den faste oppsettet programmert på en måte som uansett skjermstørrelse eller oppløsning, elementets bredde ikke endres. Det er gunstig for brukere som ønsker å presentere konsistente bedriftsbilder for alle besøkende.

Denne bloggen vil demonstrere prosedyren for å lage en fast breddeoppsett med CSS.

Hvordan lage fast breddeoppsett ved hjelp av CSS?

For å lage en fast breddeoppsett, for det første, inne i kroppselementet i HTML, legg til et DIV-element med et klassenavn "Fast bredde”. Legg så til

og

elementer for å legge til noe innhold.

Html

Velkommen til Linuxhint

Linuxhint er det beste nettstedet på nettet. Hvis du vil lære bash -programmering, er du på rett sted.

Markupstrukturen er fullført og kan sees i det undergitte bildet:

La oss nå bruke CSS -stylingegenskaper på de ovennevnte HTML -elementene.

Stil alle elementer

*
Margin: 0px;
polstring: 0px;

Som vi vet, bruker oppsettet av fast bredde nøyaktig pikselbredde, så breddeegenskapen vil bli satt i "piksler”. Den definerer at elementets bredde vil forbli den samme som i hver skjermstørrelse.

Style fast bredde div

.fast bredde
bakgrunnsfarge: RGB (238, 238, 238);
Margin: Auto;
Maks bredde: 400px;
Høyde: 100VH;

“.Fast bredde”Viser til Div-klassen fast bredde. Følgende egenskaper brukes på DIV-bredde:

• “bakgrunnsfarge”Angir fargen på elementets bakgrunn.
• “margin”Angir plassen rundt elementet.
• “Maks bredde”Angir den maksimale bredden på elementet.
• “høyde”Eiendom setter elementets høyde.

Utgangen fra den nevnte koden vises nedenfor:

Det kan observeres at bredden på divet fast bredde er løst. Det endres ikke i henhold til skjermstørrelsene.

Slik opprettes fast breddeoppsettet i CSS.

Konklusjon

Fast breddeoppsett setter bredden på elementet fast. De forblir de samme i hver skjermstørrelse. Hvis nettleservinduets bredde er mindre enn oppsettets bredde, vil en horisontalt rullefelt vises, og elementets bredde vil ikke endre. For å gjøre oppsettet fast, må bredden på elementet spesifiseres i "piksler”. Ved hjelp av et praktisk eksempel har denne bloggen demonstrert hvordan man lager en fast breddeoppsett i CSS.