So erstellen Sie eine Div -Top -Höhe des Browserfensters 100% iger Höhe?

In dieser Beschreibung wird angegeben:

• So erstellen Sie einen DIV -Behälter in HTML?
• So erstellen/erstellen Sie eine DIV -Höhe des Browserfensters zu 100%?

So erstellen/erstellen Sie einen DIV -Behälter in HTML?

Befolgen Sie die angegebenen Schritte, um einen DIV -Behälter in HTML zu erstellen.

Schritt 1: Erstellen Sie den ersten Div -Container

Erstellen Sie zunächst einen Div -Container, indem Sie das verwenden “Tag und fügen Sie ein Klassenattribut mit einem bestimmten Namen ein und fügen Sie ein. Zum Beispiel, "LinuxHint”.

Schritt 2: Erstellen Sie den zweiten Div -Container

Machen Sie als nächstes einen weiteren Div -Behälter im Div -Behälter. Fügen Sie außerdem ein ID -Attribut hinzu und weisen Sie einen Namen als "zu" zu "TS1”. Geben Sie dann das an “LinuxHint”Text zwischen dem Container -Tag.

Schritt 3: Erstellen Sie den dritten Div -Container

Erstellen Sie in ähnlicher Weise einen weiteren DIV -Behälter im Haupt -Div -Behälter und betten Sie einen Text wie “wie“ ein. “TSL-LTD-UK”:

Ausgang

So erstellen/erstellen Sie eine DIV -Höhe des Browserfensters zu 100%?

Probieren Sie die folgende Schritt-für-Schritt-Prozedur aus.

Schritt 1: Greifen Sie auf den Haupt -Div -Container zu

Greifen Sie zunächst mit Hilfe des Klassennamens auf die Hauptdiv zu, wie z. B. “LinuxHint"Und Klassenauswahl".”.

Schritt 2: Wenden Sie CSS -Eigenschaften an

Wenden Sie nach dem Zugriff auf die Klasse die folgenden Eigenschaften an:

Im obigen Codeblock:

• “Polsterung”CSS -Eigenschaft wird verwendet, um den Raum oben in einem Element festzulegen.
• “Breite”Wird verwendet, um die Größe des Elements horizontal anzugeben.
• “Höhe”Definiert die Höhe des Elements.
• “SchriftgrößeEigenschaft gibt die Größe einer Schrift in einem Element an.
• “Schriftfamilie”Setzt die Schriftart auf ein Element. Es kann ein paar Schriftnamen enthalten, wie z. "Kurier neu”.
• “HintergrundfarbeEigenschaft setzen die Farbe für den Hintergrund des definierten Elements.
• “TextausrichtungDie Eigenschaft wird verwendet, um die Ausrichtung des Textes festzulegen.
• “FarbeEigenschaft verteilt dem Text in einem Element eine Farbe.

Schritt 3: Style den inneren Div -Behälter

Verwenden Sie den ID -Selektor “#"Mit dem ID -Namen"TSL”Und wenden Sie die“ anSchriftgröße"Mit dem"50px”Als Wert und“SchriftgewichtEigenschaft zum Styling des Textes im Div -Container. Hier haben wir das benutztkursiv" Schriftstil:

Ausgang

Es kann beobachtet werden, dass die DIV mit der 100% igen Höhe des Browserfensters erstellt wird:

Sie haben die einfachste Möglichkeit erklärt, die Div zu 100% der Höhe des Browserfensters zu machen.

Abschluss

Erstellen Sie zunächst einen Div -Container mit einer 100% igen Höhe des Browserfensters mit “"Und fügen Sie eine" hinzu "Klasse”Attribut mit einem bestimmten Namen. Machen Sie dann einen weiteren verschachtelten Div -Behälter und einbetten Sie Text zwischen den “ein" Schild. Greifen Sie als nächstes auf die erste DIV zu und wenden Sie die “anHöhe" Und "Breite”Eigenschaften, indem der Wert als" zugewiesen wird "100%”. Dieser Beitrag veranschaulicht die Methode, um die DIV zu 100% Höhe des Browserfensters zu machen.