Maison >interface Web >tutoriel CSS >Comment étirer un élément à la hauteur de la fenêtre

Comment étirer un élément à la hauteur de la fenêtre

王林
王林avant
2020-07-29 17:25:012246parcourir

Comment étirer un élément à la hauteur de la fenêtre

Dans des scénarios spécifiques, nous pouvons souhaiter étirer un élément à la hauteur de la fenêtre. L'ajustement des éléments de base ne peut ajuster que la taille du conteneur, donc étendre un élément à la hauteur de la fenêtre. la hauteur de la fenêtre, nous devons étirer les éléments supérieurs : html et body.

(Tutoriel recommandé : Démarrage rapide CSS)

Implémentation du code :

html, 
body {
    height: 100%;
}

(Tutoriel vidéo recommandé : Tutoriel vidéo CSS )

Ensuite, appliquez 100 % à la hauteur de n'importe quel élément.

div {
    height: 100%;
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer