CSS+DIV は、Web サイト標準 (または「WEB 標準」) でよく使用される用語の 1 つであり、XHTML Web デザイン標準ではテーブルが使用されるため、通常、HTML Web デザイン言語のテーブル配置方法との違いを説明するために使用されます。位置決め技術は使用されなくなりましたが、css+div を使用してさまざまな位置決めを実現します。 DIV+CSS コーディングを適用する場合、いくつかの間違いを犯しやすくなります。この記事では、よくある間違いをいくつか挙げます。
1. HTML 要素にスペルミスがないか、終了タグを忘れていないかを確認します。
経験豊富なユーザーでも、div のネストを間違えることがよくあります。 Dreamweaver の検証機能を使用して、エラーをチェックできます。 Webjx.Com
2.CSSが正しいか確認する
スペルミス、最後の } の忘れなどをチェックしてください。 CleanCSS を使用して、CSS のスペル ミスをチェックできます。 CleanCSS は CSS の軽量化を図るツールですが、スペルミスをチェックすることもできます。
3. エラーが発生した場所を特定します。
エラーがレイアウト全体に影響を与える場合は、特定の div ブロックを削除して表示が通常に戻るまで、div ブロックを 1 つずつ削除すると、エラーが発生した場所を特定できます。
4. border 属性を使用してエラー要素のレイアウト特性を決定します
float 属性レイアウトを使用すると、注意しないとエラーが発生する可能性があります。このとき、要素にborder属性を追加して要素の境界を決定すると、エラーの原因が判明します。
5. float要素の親要素にはclear属性を指定できません。
MacIEでは、float要素の親要素にclear属性を使用すると、周囲のfloat要素のレイアウトが乱れてしまいます。これは MacIE の有名なバグです。知らないと遠回りしてしまいます。
6. float 要素は width 属性を指定する必要があります。
多くのブラウザには、幅が指定されていない float 要素を表示するときにバグがあります。したがって、float 要素の内容に関係なく、それに width 属性を指定する必要があります。