1. 疑問がある場合は、すぐに確認してください
何か問題が発生したときに元のコードを簡単にチェックするだけで、多くの悩みを軽減できます。 W3C には、XHTML と CSS に使用できる検出ツールがあります。http://validator.w3.org を参照してください。ファイルの先頭にあるエラーは、不適切な構造やその他の要因によりさらに多くのエラーを引き起こす可能性があることに注意してください。最初に最も明らかなエラーのいくつかを修正してから再チェックすることをお勧めします。これにより、エラーの数が減る可能性があります。
2. フローティング機能を使用する場合は、命令を適切にクリアすることを忘れないでください。
フローティングは危険な機能であり、期待した結果が得られない可能性があります。周囲のコンテナの境界を越えて広がる浮遊要素やその他の異常な状況に遭遇した場合は、それが正しく行われていることを確認してください。ウェブサイト http://www.cnwebshow.com/edu/jc/webbz/ の教えを参照してください。
3. パディングまたはボーダーを使用して、境界の重なりを避けます。
そこにあるべきではない小さなスペースを確保するのに苦労しているか、必要なときに小さなスペースを絞り出すことができない場合があります。マージンを使用すると、境界線が重なりやすくなります。
4. 要素のパディング/ボーダーと高さまたは幅を同時に指定しないようにしてください。
Windows バージョンの IE では、幅と高さの計算に問題が発生することがよくあります。この問題を解決する方法はいくつかありますが、親要素で高さと幅を指定する必要がある場合は、親要素内の子要素にマージンを適用するか、子要素で高さと幅を指定する必要がある場合は、これを実現するには、親要素にパディングを適用します。
5. min-width/min-height に依存しない
Windows バージョンの IE は両方の構文をサポートしていません。ただし、Windows 版 IE でも、min-width/min-height と同等の効果がある程度得られるため、IE にフィルタリング機能を追加すれば、希望する結果を得ることができます。
6. 疑わしい場合は、まずパーセンテージを減らします
特定のエラーにより 50%+50% が 100.1% になり、Web ページに問題が発生することがあります。現時点では、これらの値を 49% または 49.9% に変更してみてください。
7.「TRBL」の書き方を覚えよう
border、margin、padding の省略された構文には、上から時計回りに、上、右、下、左という特定の順序があります。したがって、margin:0 1px 3px 5px の結果は、上に境界線なし、1 ピクセルになります。右側など。 「TRBL」を覚えておけば順番を間違えることはありません。
8. 値がゼロでない限り、単位を指定する必要があります。