Como fazer uma divisão de 100% de altura da janela do navegador?

Este artigo vai afirmar:

• Como criar um contêiner div em html?
• Como criar/criar uma altura DIV 100% da janela do navegador?

Como fazer/criar um contêiner div em html?

Para fazer um recipiente de div em html, siga as etapas dadas.

Etapa 1: Crie o primeiro contêiner de div

Inicialmente, crie um recipiente de div, utilizando o “”Tag e insira um atributo de classe com um nome específico. Por exemplo, "Linuxhint”.

Etapa 2: Crie Second Div Container

Em seguida, faça outro contêiner de div dentro do contêiner div. Além disso, adicione um atributo de identificação e atribua um nome como “TS1”. Então, especifique o “Linuxhint”Texto entre a tag de contêiner.

Etapa 3: Crie o Terceiro Div Container

Da mesma forma, crie outro contêiner de div dentro do contêiner Div principal e incorpore algum texto, como “TSL-LTD-UK”:

Saída

Como criar/criar uma altura DIV 100% da janela do navegador?

Para fazer um contêiner Div 100% altura das janelas do navegador, experimente o seguinte procedimento passo a passo.

Etapa 1: Acesse o contêiner principal da div

Primeiro, acesse a div principal com a ajuda do nome da classe, como “Linuxhint”E seletor de classe“.”.

Etapa 2: Aplique propriedades CSS

Depois de acessar a aula, aplique as propriedades abaixo da listada:

No bloco de código acima mencionado:

• ““Top-top”A propriedade CSS é utilizada para definir o espaço no topo de um elemento.
• ““largura”É usado para especificar o tamanho do elemento horizontalmente.
• ““altura”Define a altura do elemento.
• ““tamanho da fonte”Propriedade especifica o tamanho de uma fonte em um elemento.
• ““Família de fontes”Defina a fonte como um elemento. Pode conter alguns nomes de fontes, como “Courier novo”.
• ““cor de fundo”Propriedade Defina a cor para o fundo do elemento definido.
• ““alinhamento de texto”A propriedade é utilizada para definir o alinhamento do texto.
• ““cor”Propriedade aloca uma cor para o texto em um elemento.

Etapa 3: estilo o contêiner interno da div

Utilize o seletor de identificação “#"Com o nome de identificação"tsl”E aplique o“tamanho da fonte"Tendo o"50px"Como valor e"espessura da fonte”Propriedade para modelar o texto dentro do contêiner Div. Aqui, usamos o “itálico" estilo de fonte:

Saída

Pode -se observar que a div é criada com a altura de 100% da janela do navegador:

Você explicou a maneira mais fácil de fazer a div 100% de altura da janela do navegador.

Conclusão

Para fazer uma div com 100% de altura da janela do navegador, primeiro, crie um recipiente de div com “”E adicione um“aula”Atributo com um nome específico. Em seguida, faça outro contêiner de divisão aninhado e incorpore texto entre o “" marcação. Em seguida, acesse a primeira div e aplique o “altura" e "largura”Propriedades atribuindo o valor como“100%”. Este post ilustrou o método para tornar o div 100% altura das janelas do navegador.