Cómo hacer una altura superior del 100% de la ventana del navegador?

Este artículo indicará:

• Cómo crear un contenedor Div en HTML?
• Cómo hacer/crear una altura del 100% de Div de la ventana del navegador?

Cómo hacer/crear un contenedor Div en HTML?

Para hacer un contenedor Div en HTML, siga los pasos dados.

Paso 1: Crea el primer contenedor Div

Inicialmente, cree un contenedor DIV utilizando el ""Etiqueta e inserta un atributo de clase con un nombre en particular. Por ejemplo, "Linuxhint".

Paso 2: Crea un segundo contenedor Div

A continuación, haga otro contenedor Div dentro del contenedor Div. Además, agregue un atributo de identificación y asigne un nombre como "TS1". Luego, especifique el "Linuxhint"Texto entre la etiqueta del contenedor.

Paso 3: Crea el tercer contenedor Div

Del mismo modo, cree otro contenedor DIV dentro del contenedor DIV principal e incruste algún texto, como "Tsl-ltd-uk":

Producción

Cómo hacer/crear una altura del 100% de Div de la ventana del navegador?

Para hacer un contenedor Div 100% altura de las ventanas del navegador, pruebe el siguiente procedimiento paso a paso.

Paso 1: Acceda al contenedor Div principal

Primero, acceda a la división principal con la ayuda del nombre de la clase, como "Linuxhint"Y selector de clases".".

Paso 2: Aplicar propiedades CSS

Después de acceder a la clase, aplique las propiedades de la lista a continuación:

En el bloque de código indicado anteriormente:

• "acolchado superiorSe utiliza la propiedad CSS para establecer el espacio en la parte superior de un elemento.
• "ancho"Se usa para especificar el tamaño del elemento horizontalmente.
• "altura"Define la altura del elemento.
• "tamaño de fuente"La propiedad especifica el tamaño de una fuente en un elemento.
• "Familia tipográfica"Establece la fuente en un elemento. Puede contener algunos nombres de fuentes, como "Mensajería nueva".
• "color de fondo"La propiedad establece el color para el fondo del elemento definido.
• "texto alineadoSe utiliza la propiedad para establecer la alineación del texto.
• "color"La propiedad asigna un color al texto en un elemento.

Paso 3: Estilizar el contenedor Div Inner

Utilice el selector de identificación "#"Con el nombre de identificación"TSL"Y aplica el"tamaño de fuente"Tener el"50px"Como valor y"pescado"Propiedad para diseñar el texto dentro del contenedor Div. Aquí, hemos usado el "itálico" Estilo de fuente:

Producción

Se puede observar que el DIV se crea con la altura del 100% de la ventana del navegador:

Has explicado la forma más fácil de hacer del Div 100% altura de la ventana del navegador.

Conclusión

Para hacer un DIV con una altura del 100% de la ventana del navegador, primero, cree un contenedor Div con ""Y agregue un"clase"Atributo con un nombre específico. Luego, haga otro contenedor Div anidado e incruste el texto entre el "" etiqueta. A continuación, acceda al primer div y aplica el "altura" y "ancho"Propiedades asignando el valor como"100%". Esta publicación ilustra el método para hacer que el Div 100% de altura de las ventanas del navegador.