IL "layout fisso"È anche indicato come un layout statico ed è misurato in"Pixel". Questo tipo di layout fa fisso la larghezza dell'elemento. Inoltre, il layout fisso è programmato in un modo che indipendentemente dalla dimensione dello schermo o dalla risoluzione, la larghezza dell'elemento non cambierà. È utile per gli utenti che desiderano presentare immagini aziendali coerenti a tutti i visitatori.

Questo blog dimostrerà la procedura di creazione di un layout a larghezza fissa con CSS.

Come creare layout a larghezza fissa usando CSS?

Allo scopo di creare un layout a larghezza fissa, in primo luogo, all'interno dell'elemento corporeo dell'HTML, aggiungere un elemento div con un nome di classe "larghezza fissa". Poi aggiungi

E

elementi per aggiungere alcuni contenuti.

Html

Benvenuti in Linuxhint

Linuxhint è il miglior sito di tutorial online. Se vuoi imparare la programmazione bash, sei nel posto giusto.

La struttura di markup è stata completata e può essere vista nell'immagine di seguito:

Ora applichiamo proprietà di stile CSS agli elementi HTML sopra.

Stile tutti gli elementi

*
Margine: 0px;
imbottitura: 0px;

Come sappiamo, i layout a larghezza fissa utilizzano la larghezza esatta dei pixel, quindi la proprietà di larghezza sarà impostata in "Pixel". Definisce che la larghezza dell'elemento rimarrà la stessa di ogni dimensione dello schermo.

Stile Div a larghezza fissa

.larghezza fissa
Background-color: RGB (238, 238, 238);
Margine: auto;
Licromra massima: 400px;
Altezza: 100VH;

IL ".larghezza fissa"Si riferisce alla larghezza fissa della classe Div. Le seguenti proprietà sono applicate alla larghezza fissa DIV:

• "colore di sfondo"Specifica il colore dello sfondo dell'elemento.
• "margine"Specifica lo spazio attorno all'elemento.
• "larghezza massima"Imposta la larghezza massima dell'elemento.
• "altezza"La proprietà imposta l'altezza dell'elemento.

L'output del codice menzionato viene visualizzato di seguito:

Si può osservare che la larghezza della larghezza fissa di div è fissata. Non cambia in base alle dimensioni dello schermo.

Ecco come viene creato il layout a larghezza fissa in CSS.

Conclusione

I layout a larghezza fissa impostano la larghezza dell'elemento fisso. Rimangono gli stessi in ogni dimensione dello schermo. Se la larghezza della finestra del browser è inferiore alla larghezza del layout, apparirà una barra di scorrimento orizzontale e la larghezza dell'elemento non cambierà. Per risolvere il layout, la larghezza dell'elemento deve essere specificata in "Pixel". Con l'aiuto di un esempio pratico, questo blog ha dimostrato come creare un layout a larghezza fissa in CSS.