CSS におけるZoom:1の役割、小さなタグは大きな影響を与える_html/css_WEB-ITnose

CSS におけるzoom:1の役割
IE6、IE7、およびIE8ブラウザと互換性があり、しばしばいくつかの問題に遭遇しますが、それらを解決するためにzoom:1を使用できます。次の機能があります:
IEのhaslayoutをトリガーします。ブラウザ
フローティング、マージンの重複などの問題を解決します。

CSS におけるズームの役割
1. ページのラベルが閉じられているかどうかを確認します
これを過小評価しないでください。おそらく、2 日間解決できなかった CSS のバグの問題は、ここから来ているだけかもしれません。結局のところ、ページ テンプレートは通常、開発者によってネストされており、そのような問題が簡単に発生する可能性があります。
簡単なヒント: Dreamweaver を使用してファイルを開いて確認できます。通常、閉じたタグがない場合、そのタグは黄色の背景で強調表示されます。

2. スタイルの削除方法
一部の複雑なページでは、N 個の外部リンク CSS ファイルが読み込まれ、その後 CSS ファイルを 1 つずつ削除し、BUG によってトリガーされた特定の CSS ファイルを見つけて、ロックの範囲を狭めることがあります。

ロックされたばかりの問題のある CSS スタイル ファイルについて、特定のスタイル定義を 1 行ずつ削除し、特定のトリガー スタイル定義、さらには特定のトリガー スタイル属性を見つけます。

3. モジュールの確認方法
ページの HTML 要素から開始することもできます。ページ内のさまざまな HTML モジュールを削除し、問題の原因となっている HTML モジュールを見つけます。

4. float がクリアされているか確認する
実際、float がクリアされていないことが原因で発生する CSS BUG 問題は数多くあります。フロートをクリアする良い習慣を身につける必要があります。追加の HTML タグを使用せずにフロートをクリアする方法を使用することをお勧めします (フロートをクリアするために overflow:hidden;zoom:1 などの同様のメソッドを使用するのは制限が厳しすぎるため避けてください)。 ）。

5. IE で haslayout がトリガーされるかどうかを確認します。IE での多くの複雑な CSS バグは、IE の独自の haslayout と密接に関連しています。 haslayout に慣れていて理解していれば、複雑な CSS バグを少ない労力で解決できるようになります。 old9 によって翻訳された「レイアウトを持つことについて」を読むことをお勧めします (素晴らしい GFW を越えられない場合は、青の再投稿を読むことができます)
簡単なヒント: haslayout がトリガーされる場合、IE のデバッグ ツール IE Developer のプロパティツールバーは、レイアウト値が -1 の場合に表示されます。

6. 枠線と背景のデバッグ方法

その名の通り、デバッグ用の要素に目立つ枠線や背景（通常は黒か赤）を設定する方法です。この方法は、CSS のバグをデバッグするために最も一般的に使用される方法の 1 つであり、複雑なバグにも引き続き適用できます。手頃な価格で環境に優しいです^^
最後に強調したいのは、良い文章を書く習慣を身につけ、余分なタグを減らし、可能な限りセマンティックにし、標準に準拠することで、多くの場合、実際に非常に複雑な CSS バグを減らすことができるということです。そうではなく、神が自ら問題を引き起こしたのは私たちなのです。虫から遠ざかって、あなたの生活がますます良くなることを願っています。

この記事の出典: http://www.cnblogs.com/top5/archive/2011/07/11/2103343.html