Hvordan lage en div topp 100% høyde på nettleservinduet?

Denne oppskrivningen vil oppgi:

• Hvordan lage en div container i html?
• Hvordan lage/lage en div 100% høyde av nettleservinduet?

Hvordan lage/lage en div container i html?

Følg de gitte trinnene for å lage en DIV -beholder i HTML.

Trinn 1: Opprett første div container

Opprinnelig lage en DIV -beholder ved å bruke "”Merk og sett inn et klasseattributt med et bestemt navn. For eksempel, "Linuxhint”.

Trinn 2: Opprett andre div container

Neste, lag en annen div container inne i Div -beholderen. Legg også til en ID -attributt og tildel et navn som "TS1”. Deretter spesifiser "Linuxhint”Tekst mellom containerkoden.

Trinn 3: Opprett tredje div container

Tilsvarende lager du en annen div -container inne i Main Div -beholderen og legg inn litt tekst, som "TSL-LTD-UK”:

Produksjon

Hvordan lage/lage en div 100% høyde av nettleservinduet?

For å lage en DIV-beholder 100% høyde på nettleservinduene, kan du prøve følgende trinn-for-trinns prosedyre.

Trinn 1: Få tilgang til Main Div Container

Først får du tilgang til hoveddiven ved hjelp av klassenavnet, for eksempel “Linuxhint”Og klassevelger”.”.

Trinn 2: Bruk CSS -egenskaper

Etter tilgang til klassen, bruk de nedenfor-listede egenskapene:

I ovennevnte kodeblokk:

• “Padding-top”CSS -eiendom brukes til å sette plassen på toppen av et element.
• “bredde”Brukes til å spesifisere elementets størrelse horisontalt.
• “høyde”Definerer høyden på elementet.
• “skriftstørrelse”Eiendom spesifiserer størrelsen på en font i et element.
• “Font-familie”Setter skriften til et element. Det kan inneholde noen skriftnavn, for eksempel "Courier Ny”.
• “bakgrunnsfarge”Eiendom setter fargen for bakgrunnen til det definerte elementet.
• “Tekstalign”Eiendom brukes til å stille inn justering av teksten.
• “farge”Eiendom tildeler en farge til teksten i et element.

Trinn 3: Style the Inner Div Container

Bruk ID -velgeren “#”Med ID -navnet”TSL”Og bruk“skriftstørrelse”Å ha“50px”Som verdi og“Fontvekt”Eiendom for styling av teksten inne i Div Container. Her har vi brukt “kursiv" fontstil:

Produksjon

Det kan observeres at DIV er opprettet med 100% høyde av nettleservinduet:

Du har forklart den enkleste måten å gjøre Div 100% høyde på nettleservinduet.

Konklusjon

For å lage en div med 100% høyde av nettleservinduet, oppretter du først en DIV -beholder med "”Og legg til en“klasse”Attributt med et spesifikt navn. Lag deretter en annen nestet div container og legg inn tekst mellom "" stikkord. Deretter får du tilgang til den første diven, og bruk "høyde”Og“bredde”Egenskaper ved å tilordne verdien som“100%”. Dette innlegget illustrerte metoden for å gjøre DIV 100% høyde på nettleservinduene.