1. HTML要素にタイプミスがあるかどうか、それともエンドタグを忘れているかどうかを確認します
退役軍人でさえ、しばしばdivのネストされた関係を獲得します。 DreamWeaver検証関数を使用して、エラーがあるかどうかを確認できます。
2。CSSが正しいかどうかを確認してください
終了}などを忘れているかどうかにかかわらず、スペルエラーを確認してください。 CleanCSSを使用して、CSSのタイプミスを確認できます。 CleanCSSは、CSSの体重を減らすためのツールですが、スペルエラーを確認することもできます。
3.エラーが発生した場所を決定します
エラーがレイアウト全体に影響する場合、Divブロックが削除され、ディスプレイが通常に戻るまでDivブロックを1つずつ削除でき、エラーの位置を決定できます。
4.境界属性を使用して、エラー要素のレイアウト特性を決定します
Floatプロパティを誤ってレイアウトすると、エラーが発生します。この時点で、要素に境界属性を追加して要素の境界を決定すると、エラーの理由が明らかになります。
5。フロート要素の親要素は、クリア属性を指定できません
Macieの下のフロート要素の親要素にクリア属性を使用すると、周囲のフロート要素のレイアウトが混乱します。これはMacieの有名なバグであり、知らない場合は迂回します。
6.フロート要素は、幅属性を指定する必要があります
不特定の幅のフロート要素を表示すると、多くのブラウザにバグがあります。したがって、フロート要素のコンテンツが何であれ、幅属性を指定する必要があります。
さらに、要素を指定するときは、PXの代わりにEMをユニットとして使用してみてください。
7.フロート要素は、マージンやパディングなどのプロパティを指定できません
IEには、マージンとパディングが指定されたフロート要素を表示するときにバグがあります。したがって、フロート要素のマージンとパディングの属性を指定しないでください（フロート要素内にDIVをネストしてマージンとパディングを設定できます）。また、Hackメソッドを使用して、IEの特別な値を指定することもできます。
8。フロート要素の幅の合計は100％未満でなければなりません
フロート要素の幅の合計が正確に100％の場合、一部の古代のブラウザは正常に表示されません。したがって、幅の合計が99％未満であることを確認してください。
9.デフォルトスタイルはリセットされていますか？
マージン、パディングなどの一部の属性には、さまざまなブラウザーについてさまざまな説明があります。したがって、最初にマージンとパディング全体を0に設定することが最善です。
10。DTDを書くのを忘れましたか？
異なるブラウザの表示結果がまだ異なる場合は、ページの先頭に次の行DTDを書くのを忘れているかどうかを確認できます。
＜！doctype html public " - // w3c // dtd html 4.01 transitional // en " " http：//www.w3.org/tr/html4/loose.dtd "＞