IE6_html/css_WEB-ITnose のレイアウトに関するよくある質問

1. ご存知のとおり、IE の各バージョンには、奇妙なモード (混合モード) と標準モードの 2 つのモードがあります。下の写真はIE用のハックを添付したものです。


2. CSS を導入する別の方法もあります。これは、Web サイトのハッキングを調整する方法としても使用できます:





Xiaoyu IE6 バージョンの IE ブラウザー

ここでは 1 つのスタイルのみが示されており、判断すべきバージョンが多数あるため、すべてが記述されているわけではありません。外。

3. IE6 の PNG 画像の透明度の問題
DDPngMin.js プラグインを使用して解決します。

4. 二重マージンの問題
たとえば、float:left 属性がある場合、要素の margin-left 値を設定しないでください。IE6 は最大値と最小値、つまり最大幅と最大高さを認識しません。要素に設定された min-width と min-height は IE6 では無効です
解決策 解決策: 最大値と最小値をできるだけ少なくするか、まったく使用しないこともあります。

現在、iE6 と互換性があると考えられている Web サイトは、一般に、淘宝網や JD.com などの非常に人気のある Web サイトであり、すべての人のインターネット ニーズを満たすために最善を尽くしており、最小値と最大値のシナリオを設定する必要はほとんどありません。

6. float のクリア
原因: 一般に、ボックス内の要素は float 属性を使用するため、親要素のオブジェクト ボックスが開かなくなり、CSS がフローティングになります。
簡単に言うと、ボックス内の要素が float:left または float:right、またはその両方を使用しているため、フローティングになります。
ネガティブな効果（すべて親要素に対するもの）
背景を表示できない
境界線を引き伸ばすことができない
マージンとパディングの値を正しく表示できない
フロートをクリアする
親要素の高さを設定する: Not推奨、高さはアダプティブです
b. 空のタグを追加し、対応するタグ スタイルを次のように設定します。clear:both


これはインターネットの画像です。

c. 親要素のスタイルに overflow:hidden; 属性を設定すると、問題を解決できるという利点があります。個人的にはこのアプローチの方が好きです。

7. フォント
スタイルで要素のフォント属性を設定するときは、漢字を使用しないようにしてください。問題が発生した具体的な状況を忘れてしまいました。

8. IE6 での 3px のバグ

この構造のコードには、IE6 ではさらに 1 つの単語が含まれます。主な理由は次のとおりです:
a. コメントに関連しています
b. コメントによって引き起こされるテキストのオーバーフローは、絶対値かテキスト ブロックの幅に関連しています。相対値では、3px
dの差が生じます はみ出したテキストの数 = コメントバーの数


実際のところ、現時点ではバグとはみなされず、現在のブラウザの標準に向けた実装の程度であると考えられます。ブラウザのバージョンが異なれば、標準の実装方法や実装の度合いも異なります。