CSS+DIV est l'un des termes couramment utilisés dans les normes de sites Web (ou « normes WEB »). Il est généralement utilisé pour expliquer la différence avec la méthode de positionnement des tableaux dans le langage de conception Web HTML, car dans les normes de conception de sites Web XHTML, table. le positionnement n'est plus une technologie utilisée, mais utilise css+div pour réaliser divers positionnements. Il est facile de commettre des erreurs lors de l’application du codage DIV+CSS. Cet article répertorie quelques erreurs courantes :
1. Vérifiez s'il y a des fautes d'orthographe dans les éléments HTML et si la balise de fermeture est oubliée.
Même les utilisateurs expérimentés se trompent souvent lors de l'imbrication des divs. Vous pouvez utiliser la fonction de vérification de Dreamweaver pour rechercher les erreurs. Webjx.Com
2. Vérifiez si le CSS est correct
Vérifiez les fautes d'orthographe, les } oubliés à la fin, etc. Vous pouvez utiliser CleanCSS pour vérifier les CSS pour les fautes d'orthographe. CleanCSS est un outil permettant de réduire le poids du CSS, mais il peut également vérifier les fautes d'orthographe.
3. Déterminez où l'erreur s'est produite
Si l'erreur affecte la présentation globale, vous pouvez supprimer les blocs div un par un jusqu'à ce que l'affichage revienne à la normale après la suppression d'un certain bloc div, et vous pouvez déterminer où l'erreur s'est produite.
4. Utilisez l'attribut border pour déterminer les caractéristiques de mise en page de l'élément d'erreur
L'utilisation de la disposition des attributs float peut provoquer des erreurs si vous ne faites pas attention. À ce stade, ajoutez l'attribut border à l'élément pour déterminer la limite de l'élément et la cause de l'erreur sera révélée.
5. L'élément parent d'un élément float ne peut pas spécifier l'attribut clear.
Sous MacIE, si vous utilisez l'attribut clear sur l'élément parent d'un élément float, la disposition des éléments float environnants sera confuse. C'est un bug célèbre de MacIE Si vous ne le savez pas, vous ferez des détours.
6. L'élément float doit spécifier l'attribut width Webjx.Com
De nombreux navigateurs ont des bugs lors de l'affichage d'éléments flottants avec une largeur non spécifiée. Ainsi, quel que soit le contenu de l'élément float, l'attribut width doit être spécifié pour celui-ci.