Maison >interface Web >tutoriel CSS >Comment puis-je créer une hauteur de division à 100 % sans supprimer le 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!