Que faire si la page CSS ne s'affiche pas entièrement

Solutions à l'affichage incomplet des pages CSS : 1. Annulez le style CSS de hauteur de l'objet en CSS ; 2. Réduisez le contenu ; 3. Définissez le style d'attribut "overflow:hidden" tout en définissant la hauteur et la largeur. .

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Analyse et solutions pour l'affichage incomplet des pages Web div CSS

Si la mise en page de votre page Web n'a pas encore été abandonnée dans IE6, il peut y avoir un problème au niveau du Web le contenu de la page ne s'affiche pas. Voilà. Voyons maintenant pourquoi ce problème se produit et comment le résoudre.

Souvent, lors de la visualisation d'une page Web dans des navigateurs de version inférieure tels que IE6, le contenu est affiché complètement, mais dans les navigateurs IE7 et supérieurs, Firefox et d'autres navigateurs, le contenu est affiché de manière incomplète - le contenu de la page Web DIV CSS est affiché incomplètement.

Les captures d'écran de style sont les suivantes :

Remarque : seule la moitié de la dernière ligne du texte de contenu est affichée.

Analyse des causes :

1. La largeur/hauteur est définie en CSS

2 L'attribut de feuille de style CSS overflow:hidden est défini pour masquer les éléments dépassant la valeur. largeur et hauteur spécifiées. Objet-css caché.

Recommandé : "Tutoriel vidéo CSS"

Solution :

1 La hauteur est définie en CSS

Annuler son objet. Le style CSS height (hauteur) peut être compatible avec différents navigateurs et le contenu sera affiché dans son intégralité. Si l'annulation de la hauteur entraîne un mauvais alignement des bordures gauche et droite du panneau de contenu de la mise en page de la page Web, vous n'avez pas besoin d'annuler la hauteur, mais vous devez réduire le contenu et supprimer le contenu incomplet.

2. Définissez l'attribut de feuille de style CSS overflow:hidden pour masquer les objets qui dépassent la largeur et la hauteur spécifiées.

En règle générale, la définition de la hauteur et la définition du style overflow:hidden entraîneront un affichage incomplet du contenu dans IE6. La solution est comme au premier point, si vous n'annulez pas les contraintes de hauteur et de largeur, vous pouvez réduire le contenu.

Pourquoi l'affichage peut-il être complet même si la hauteur est définie dans IE6, mais incomplet dans d'autres navigateurs ?

Réponse : à cause du noyau IE6, vous définissez la hauteur, mais vous si le le contenu dépasse la hauteur définie, il dépassera naturellement la hauteur et la largeur que vous avez définies, mais il ne pourra pas dépasser la hauteur définie dans IE7, IE8, Firefox et d'autres navigateurs.

Bien sûr, si vous souhaitez que le contenu que vous définissez ne dépasse pas la hauteur et la largeur que vous définissez (y compris dans IE6), vous pouvez définir le style d'attribut overflow:hidden tout en définissant la hauteur et la largeur, de sorte que dans IE6 Cela ne brisera pas la hauteur et la largeur que vous définissez.

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!