Der "Feste Layout"Wird auch als statisches Layout bezeichnet und wird in" gemessen "Pixel”. Diese Art von Layout macht die Breite des Elements fest. Darüber hinaus wird das feste Layout so programmiert, dass sich die Breite des Elements unabhängig von der Bildschirmgröße oder Auflösung nicht ändert. Für Benutzer, die allen Besuchern konsistente Unternehmensbilder präsentieren möchten, ist dies von Vorteil.

In diesem Blog wird das Verfahren zum Erstellen eines Layouts fester Breite mit CSS demonstriert.

So erstellen Sie mit CSS festes Layout mit festem Breite?

Fügen Sie zum Zwecke des Erstellens eines Layouts mit fester Breite im Körperelement des HTML ein Div-Element mit einem Klassennamen hinzu “Festbreite”. Dann füge hinzu

Und

Elemente, um Inhalte hinzuzufügen.

Html

Willkommen bei LinuxHint

LinuxHint ist die beste Online -Tutorial -Website. Wenn Sie Bash -Programmierung lernen möchten, sind Sie am richtigen Ort.

Die Markup-Struktur wurde abgeschlossen und ist im untergegebenen Bild zu sehen:

Wenden wir nun CSS -Stylingeigenschaften auf die oben genannten HTML -Elemente an.

Stil alle Elemente

*
Rand: 0px;
Polsterung: 0px;

Wie wir wissen, verwenden die Layouts mit fester Breite die genaue Pixelbreite, so dass die Breite Eigenschaft in “festgelegt wird“Pixel”. Es definiert, dass die Breite des Elements wie in jeder Bildschirmgröße übereinstimmt.

Stil fester Breite div

.Festbreite
Hintergrundfarbe: RGB (238, 238, 238);
Rand: Auto;
Max-Breite: 400px;
Höhe: 100VH;

Der ".FestbreiteBezieht sich auf die Div-Klasse feste Breite. Die folgenden Eigenschaften werden auf die Div-Festbreite angewendet:

• “HintergrundfarbeGibt die Farbe des Hintergrunds des Elements an.
• “RandGibt den Raum um das Element an.
• “maximale Breite”Legt die maximale Breite des Elements fest.
• “HöheEigenschaft legt die Höhe des Elements fest.

Die Ausgabe des genannten Codes wird unten angezeigt:

Es kann beobachtet werden, dass die Breite der Div-Festbreite festgelegt ist. Es ändert sich nicht entsprechend den Bildschirmgrößen.

So wird das Layout fester Breite in CSS erstellt.

Abschluss

Die Layouts mit fester Breite setzen die Breite des festgelegten Elements. Sie bleiben in jeder Bildschirmgröße gleich. Wenn die Breite des Browserfensters geringer ist als die Breite des Layouts, wird eine horizontale Bildlaufleiste angezeigt, und die Breite des Elements ändert sich nicht. Um das Layout fest zu machen, muss die Breite des Elements in “angegeben werden“Pixel”. Mit Hilfe eines praktischen Beispiels hat dieser Blog gezeigt, wie ein Layout mit fester Breite in CSS erstellt wird.