1. Vérifiez si l'élément HTML a une faute de frappe ou s'il oublie la balise de fin
Même les anciens combattants obtiennent souvent les relations imbriquées des div. Vous pouvez utiliser la fonction de vérification Dreamweaver pour vérifier s'il y a des erreurs.
2. Vérifiez si le CSS est correct
Vérifiez toutes les erreurs d'orthographe, que vous oubliez la fin}, etc. CleanCSS peut être utilisé pour vérifier les fautes de frappe de CSS. CleanCSS est un outil pour perdre du poids pour CSS, mais il peut également être vérifié pour les erreurs d'orthographe.
3. Déterminez où l'erreur s'est produite
Si l'erreur affecte la disposition globale, vous pouvez supprimer le bloc DIV un par un jusqu'à ce que le bloc DIV soit supprimé et que l'affichage revient à la normale, et vous pouvez déterminer l'emplacement de l'erreur.
4. Utilisez l'attribut de bordure pour déterminer les caractéristiques de mise en page de l'élément d'erreur
Si vous disposiez accidentellement la propriété Float, vous ferez une erreur. À l'heure actuelle, ajoutez un attribut de bordure à l'élément pour déterminer la limite de l'élément, et la raison de l'erreur est révélée.
5. L'élément parent de l'élément flottant ne peut pas spécifier l'attribut clair
Si vous utilisez l'attribut Clear sur l'élément parent de l'élément flottant sous Macie, la disposition de l'élément flotteur autour sera confus. Ceci est un bogue célèbre à Macie, et si vous ne le savez pas, vous prendrez un détour.
6. L'élément flottant doit spécifier l'attribut de largeur
De nombreux navigateurs auront des bogues lors de l'affichage des éléments flottants avec une largeur non spécifiée. Donc, peu importe le contenu de l'élément flottant, vous devez spécifier l'attribut de largeur.
De plus, lorsque vous spécifiez des éléments, essayez de les utiliser au lieu de PX comme unité.
7. L'élément flottant ne peut pas spécifier des propriétés telles que la marge et le rembourrage
IE a un bug lors de l'affichage des éléments flottants avec marge et rembourrage spécifié. Par conséquent, ne spécifiez pas les attributs de marge et de rembourrage pour l'élément flottant (vous pouvez nidiquer un div à l'intérieur de l'élément flottant pour définir la marge et le rembourrage). Vous pouvez également utiliser la méthode de piratage pour spécifier des valeurs extraordinaires pour IE.
8. La somme des largeurs de l'élément flotteur doit être inférieure à 100%
Si la somme des largeurs des éléments flottants est exactement à 100%, certains navigateurs anciens ne s'afficheront pas normalement. Par conséquent, veuillez vous assurer que la somme des largeurs est inférieure à 99%.
9. Le style par défaut a-t-il été réinitialisé?
Certains attributs tels que la marge, le rembourrage, etc. auront des explications différentes pour différents navigateurs. Par conséquent, il est préférable de définir d'abord toute la marge et le rembourrage sur 0, le style de liste à aucun, etc. avant le développement.
10. Avez-vous oublié d'écrire DTD?
Si les résultats d'affichage des différents navigateurs sont toujours différents, vous pouvez vérifier si vous avez oublié d'écrire le DTD de ligne suivant au début de la page:
<! Doctype Html public "- // w3c // dtd html 4.01 transitional // en " " http: //www.w3.org/tr/html4/loose.dtd " >