Maison >interface Web >tutoriel CSS >Comment puis-je définir la hauteur d'un div à 100 % tout en conservant un DOCTYPE ?
Comment puis-je définir la hauteur d'un div à 100 % tout en conservant un DOCTYPE ?
- Barbara Streisandoriginal
- 2024-12-27 19:59:15224parcourir
Propriété de hauteur CSS, valeurs en pourcentage et DOCTYPE
Réglage de la hauteur de la div à 100 %
Pour remplir la div avec une hauteur de 100 % sans supprimer le DOCTYPE, déclarez une hauteur sur l'élément racine :
html { height: 100%; }
Mode Quirks et pourcentage de hauteurs
La suppression du DOCTYPE fait passer le navigateur du mode standards au mode bizarreries. En mode bizarreries, les hauteurs en pourcentage des éléments enfants sont mesurées par rapport à la fenêtre d'affichage si l'élément parent a height: auto. En mode standards, ils sont traités comme height: auto.
TL;DR
Incluez toujours un DOCTYPE pour restituer le document en mode standards. Utilisez le DOCTYPE suivant :
<!DOCTYPE html>
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!