1. En cas de doute, vérifiez immédiatement
Une simple vérification du code original en cas de problème peut vous éviter bien des maux de tête. Le W3C dispose d'outils de détection disponibles pour XHTML et CSS. Veuillez noter que les erreurs au début du fichier peuvent provoquer davantage d'erreurs en raison d'une structure incorrecte et d'autres facteurs ; nous vous recommandons de corriger d'abord certaines des erreurs les plus évidentes, puis de revérifier, ce qui peut réduire le nombre d'erreurs.
2. N'oubliez pas d'effacer les instructions de manière appropriée lorsque vous utilisez la fonction flottante
Le flottement est une fonctionnalité dangereuse et peut ne pas produire les résultats escomptés. Si vous rencontrez des éléments flottants qui dépassent la limite du conteneur environnant ou d'autres situations inhabituelles, assurez-vous de le faire correctement. Voir l'enseignement d'Eric Meyer sur le site Web de Complex Spiral Consulting.
3. Utilisez un remplissage ou une bordure pour éviter le chevauchement des limites.
Vous pourriez avoir du mal à obtenir un petit espace qui ne devrait pas être là, ou vous pourriez être incapable de libérer un peu d'espace lorsque vous en avez besoin. Il est facile de chevaucher les bordures si vous utilisez des marges ; Andy Budd explique ce qui est possible sur son site Web.
4. Essayez d'éviter de spécifier en même temps le remplissage/la bordure et la hauteur ou la largeur de l'élément.
La version Windows d'IE provoque souvent des problèmes de calcul de largeur et de hauteur. Il existe plusieurs façons de résoudre ce problème, mais si l'élément parent doit spécifier la hauteur et la largeur, il est préférable d'appliquer une marge aux éléments enfants au sein de l'élément parent, ou lorsque l'élément enfant doit spécifier la hauteur et la largeur, appliquez un remplissage à l’élément parent pour obtenir cet effet.
5. Ne comptez pas sur la largeur minimale/la hauteur minimale
La version Windows d'IE ne prend pas en charge les deux syntaxes. Mais dans une certaine mesure, la version Windows d'IE peut obtenir un effet équivalent à min-width/min-height, donc tant que vous ajoutez des fonctions de filtrage à IE, vous pouvez obtenir les résultats souhaités.
6. En cas de doute, réduisez d’abord le pourcentage
Parfois, certaines erreurs feront que 50 % + 50 % deviendront 100,1 %, provoquant des problèmes avec la page Web. Essayez actuellement de modifier ces valeurs à 49 % ou même 49,9 %.
7. Rappelez-vous comment écrire « TRouBLed »
La syntaxe abrégée de Border, margin et padding a un ordre spécifique, en commençant par le haut et en tournant dans le sens des aiguilles d'une montre : haut, droite, bas, gauche. Ainsi, le résultat de margin:0 1px 3px 5px n'est pas de bordure en haut, 1 pixel ; à droite, et ainsi de suite. Rappelez-vous "TRouBLE" et vous ne vous tromperez pas dans la séquence.
8. Tant que la valeur n'est pas nulle, l'unité doit être précisée.
CSS vous oblige à spécifier des unités pour chaque police, marge et autres valeurs. (La seule exception est la hauteur de ligne)