Maison >interface Web >tutoriel CSS >Comment puis-je créer une hauteur de division à 100 % sans supprimer le DOCTYPE ?

Comment puis-je créer une hauteur de division à 100 % sans supprimer le DOCTYPE ?

DDD
DDDoriginal
2024-12-29 15:15:15963parcourir

How Can I Make a Div 100% Height Without Removing the DOCTYPE?

Propriété de hauteur CSS, valeurs en pourcentage et DOCTYPE

Comment faire en sorte qu'un div remplisse la page avec une hauteur de 100 % sans la supprimer le DOCTYPE ?

Solution :

Déclarer une hauteur sur l'élément racine :

html { height: 100%; }

Pourquoi supprimer le DOCTYPE le fait fonctionner ?

En mode standards, un pourcentage de hauteur pour un élément enfant sans hauteur définie est traité comme automatique. En mode bizarreries, cependant, le pourcentage de hauteur est mesuré par rapport à la fenêtre d'affichage. Par conséquent, la suppression du DOCTYPE force le navigateur en mode bizarreries, permettant au div de remplir la page avec une hauteur de 100 %.

Cependant, le mode bizarreries est imprévisible et peu fiable. Incluez toujours un DOCTYPE pour rendre le document en mode standards en utilisant :

<!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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn