Comment faire une div supérieure à 100% de la fenêtre du navigateur?

Cet article indiquera:

• Comment créer un conteneur div en html?
• Comment faire / créer une hauteur div à 100% de la fenêtre du navigateur?

Comment faire / créer un conteneur div en html?

Pour faire un conteneur Div en HTML, suivez les étapes données.

Étape 1: Créez le premier conteneur div

Initialement, créez un conteneur Div en utilisant le «»Tag et insérer un attribut de classe avec un nom particulier. Par exemple, "linuxhint".

Étape 2: Créer un deuxième conteneur div

Ensuite, faites un autre conteneur div à l'intérieur du conteneur div. Ajoutez également un attribut ID et attribuez un nom comme «TS1". Ensuite, spécifiez le «Linuxhint”Texte entre la balise de conteneur.

Étape 3: Créez un troisième conteneur div

De même, créez un autre conteneur DIV à l'intérieur du récipient Div principal et intégrez du texte, comme «TSL-LTD-UK»:

Sortir

Comment faire / créer une hauteur div à 100% de la fenêtre du navigateur?

Pour faire un conteneur div 100% de hauteur des fenêtres du navigateur, essayez la procédure étape par étape suivante.

Étape 1: Accédez au conteneur principal Div

Tout d'abord, accédez à la div principale à l'aide du nom de classe, comme «linuxhint"Et sélecteur de classe".".

Étape 2: Appliquer les propriétés CSS

Après avoir accédé à la classe, appliquez les propriétés ci-dessous:

Dans le bloc de code indiqué ci-dessus:

• "padding»La propriété CSS est utilisée pour régler l'espace en haut d'un élément.
• "largeur"Est utilisé pour spécifier la taille de l'élément horizontalement.
• "hauteur»Définit la hauteur de l'élément.
• "taille de police»La propriété spécifie la taille d'une police dans un élément.
• "Famille de polices»Définit la police sur un élément. Il peut contenir quelques noms de police, tels que «Courrier nouveau".
• "Couleur de l'arrière plan”La propriété définit la couleur pour l'arrière-plan de l'élément défini.
• "alignement de texte»La propriété est utilisée pour définir l'alignement du texte.
• "couleur»La propriété alloue une couleur au texte dans un élément.

Étape 3: Style le conteneur div intérieur

Utilisez le sélecteur d'identification "#"Avec le nom d'identification"tsl»Et appliquez le«taille de police«Avoir le«50px«Comme valeur et«poids de police”Propriété pour styliser le texte à l'intérieur du conteneur div. Ici, nous avons utilisé le «italique" le style de police:

Sortir

On peut observer que le div est créé avec la hauteur à 100% de la fenêtre du navigateur:

Vous avez expliqué le moyen le plus simple de faire la div 100% de hauteur de la fenêtre du navigateur.

Conclusion

Pour faire un div avec une hauteur à 100% de la fenêtre du navigateur, créez d'abord un conteneur div avec «"Et ajoutez un"classe»Attribut avec un nom spécifique. Ensuite, faites un autre conteneur Div imbriqué et intégrez du texte entre le «" étiqueter. Ensuite, accédez à la première div et appliquez le «hauteur" et "largeur«Propriétés en attribuant la valeur comme«100%". Ce post a illustré la méthode pour faire la div 100% de hauteur des fenêtres du navigateur.