Jak zrobić najwyższą 100% wysokości DIV?

Ten zapis będzie określony:

• Jak utworzyć kontener DIV w HTML?
• Jak stworzyć/utworzyć 100% wysokości okna przeglądarki?

Jak zrobić/utworzyć kontener DIV w HTML?

Aby zrobić kontener DIV w HTML, wykonaj podane kroki.

Krok 1: Utwórz First Div Container

Początkowo utwórz kontener DIV, wykorzystując „”Tag i wstaw atrybut klasy o określonej nazwie. Na przykład, "Linuxhint".

Krok 2: Utwórz drugi kontener Div

Następnie zrób kolejny kontener DIV w pojemniku Div. Dodaj także atrybut ID i przypisz nazwę jako „TS1". Następnie określ „Linuxhint”Tekst między znacznikiem kontenera.

Krok 3: Utwórz trzeci kontener Div

Podobnie utwórz inny kontener DIV w głównym pojemniku Div i osadzaj trochę tekstu, na przykład „TSL-LTD-UK”:

Wyjście

Jak stworzyć/utworzyć 100% wysokości okna przeglądarki?

Aby wykonać kontener DIV 100% wysokości okien przeglądarki, wypróbuj następującą procedurę krok po kroku.

Krok 1: Uzyskaj dostęp do głównego kontenera Div

Po pierwsze, dostęp do głównej div za pomocą nazwy klasy, na przykład „Linuxhint”I selektor klasowy„.".

Krok 2: Zastosuj właściwości CSS

Po uzyskaniu dostępu do zajęć zastosuj nieruchomości poniżej listy:

W powyższym bloku kodu:

• "Wyściółka„Właściwość CSS jest wykorzystywana do ustawiania przestrzeni u góry elementu.
• "szerokość”Służy do określenia rozmiaru elementu w poziomie.
• "wysokość”Określa wysokość elementu.
• "rozmiar czcionki”Właściwość określa rozmiar czcionki w elemencie.
• "Rodzina czcionek”Ustawia czcionkę na element. Może pomieścić kilka nazw czcionek, takich jak „Courier New".
• "kolor tła”Właściwość Ustaw kolor dla tła zdefiniowanego elementu.
• "tekst-align„Własność jest wykorzystywana do ustawiania wyrównania tekstu.
• "kolor„Właściwość przydziela kolor do tekstu w elemencie.

Krok 3: Styl Wewnętrzny kontener Div

Użyj selektora identyfikatora „#”Z nazwą identyfikacyjną„TSL”I zastosuj„rozmiar czcionki„Posiadanie„50px”Jako wartość i„grubość czcionki„Własność do stylizacji tekstu wewnątrz kontenera Div. Tutaj użyliśmy „italski" styl czcionki:

Wyjście

Można zauważyć, że DIV jest tworzony ze 100% wysokością okna przeglądarki:

Wyjaśniłeś najłatwiejszy sposób na uzyskanie 100% wysokości okna przeglądarki.

Wniosek

Aby stworzyć div ze 100% wysokością okna przeglądarki, najpierw utwórz kontener DIV za pomocą „”I dodaj„klasa”Atrybut o określonej nazwie. Następnie zrób kolejny zagnieżdżony kontener DIV i osadził tekst między „”Tag. Następnie uzyskaj dostęp do pierwszego Div i zastosuj „wysokość" I "szerokość„Właściwości, przypisując wartość jako„100%". Ten post ilustruje metodę wytwarzania 100% wysokości Windows przeglądarki.