par

Comment puis-je dimensionner une balise div à 100% de la hauteur de la fenêtre du navigateur en HTML et CSS ?

1 Réponse

+1 validé
par

Pour dimensionner une balise <div> pour qu'elle occupe toute la hauteur de l'écran, en HTML et CSS, vous pouvez utiliser la propriété CSS height avec une valeur exprimée en vh, et wh pour la largeur de la page.

Une valeur exprimée en vh représente la hauteur de la fenêtre. La fenêtre fait référence à la taille de la fenêtre du navigateur. Ainsi, lorsque vous utilisez vh comme unité, la hauteur de l'élément est ajustée par rapport à la hauteur de la fenêtre du navigateur.

Voici un exemple pour définir la hauteur d'une balise <div> à 100% de la fenêtre du navigateur :

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Comment dimensionner une balise div à 100% de la hauteur de la fenêtre du navigateur en HTML et CSS ?</title>
<style> 
#exemple { 
height: 100vh; 
width: 100vw;         
background-color: red; 
} 
</style> 
</head>  
<body> 
<div id="exemple"></div>
</body>
</html>

Lecture Recommandée

Edward Snowden - Mémoires vives

"Je m'appelle Edward Joseph Snowden. Avant, je travaillais pour le gouvernement mais aujourd'hui je suis au service de tous. Il m'a fallu près de trente ans pour saisir la différence et quand j'ai compris, ça m'a valu quelques ennuis au bureau."

L'homme qui a tout risqué pour dénoncer la surveillance globale, ou l'extraordinaire histoire d'un garçon brillant qui a grandi "en ligne", d'un homme devenu espion, puis lanceur d'alerte, et, en exil, la consciencce de l'internet.

Mémoires vives est un témoignage exceptionnel, également disponible en numérique.

Sujets Connexes

Offre Sponsorisée

Ailleurs sur le Web

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...