1. センタリングの問題
div 内のコンテンツは、ie ではデフォルトで中央に配置されますが、ff ではデフォルトで左揃えになります。
ff コンテンツを中央に配置する方法は、コード margin:auto; を追加することです
2. 高さの問題
div が水平に 2 行配置されており、上記の div は実際のコンテンツの高さ (高さ) を設定します。 div が設定された高さより大きいです (ff では) IE では 2 つの div が重なりますが、IE では、下の div が自動的に上の div のためのスペースを確保します。したがって、レイヤーの重なりを避けるためには、高さを適切に制御する必要があります。そうでない場合は、高さを書き込まずに自動的に調整されるようにすることもできます。
または set: overflow:hidden
3. clear:both;
フッターを例として挙げます。float で制御される n 列レイアウトが使用されている場合、ff で閲覧するとフッターが不正になる可能性があります。 . それは依然として float によって制御されているためです。ページの下部に表示したい場合は、フッター div に「clear:both;」と記述してください。
4. float Ie
#box{
float:left;
width:100px;
margin:0 0 0 100px; //この場合、IE は 200px の距離を生成します
display:inline ; // float を無視します
}
5. 重要な説明: display: block, inline 2 つの要素 display (display)
display: block // インライン要素はブロック要素としてシミュレートできます
常に新しい行で開始します;
高さ、行の高さ、および上下の余白はすべて制御できます。
幅が設定されていない限り、幅はコンテナの 100% に設定されます
、