Firefox と IE_Experience 交換での ul のパフォーマンスの違いに対する解決策

最近、ulに関わるoblogのシステムテンプレートを作成したので、この記事とこの全体像をまとめました。
ul は非常によく使われるタグですが、Firefox と IE ではパフォーマンスが異なるため、制御が難しいタグであると感じられます。
Firefox では、ul にはパディング値がありますが、マージン値はありません。逆に、IE では、ul にはマージン値がありますが、パディング値はありません。 [下図の 2 番目と 3 番目の例を比較するとわかります]
Firefox では、デフォルトで ul のリスト スタイルがコンテンツの外端に配置されます。もちろん、CSS を通じてコン​​テンツの内側に list-style を設定することもできます。
両方のブラウザに適した設定を比較検討します:padding:0; margin:0; list-style:inside;。 ul をpadding:0; margin:0; list-style:none; に設定し、背景画像を li に追加することもできますが、これも良い選択です。

<style type="text/css"> body{font-size:12px; margin:20px; line-height:18px;} #box{幅:200px;背景色:#CC9;ボーダー:#990 1px ソリッド;} #box ul{パディング:0; マージン:0; リストスタイル:小数点以下; } </スタイル> <div id="ボックス"> <ul> <li>これが最初の文です。 <li>これは 2 番目の文です。 <li>これは 3 番目の文です。 <li>これは 4 番目の文です。 <li>これは 5 番目の文です。 </style>

[Ctrl A すべて選択 注:外部 Js を導入する必要がある場合は、実行するために更新する必要があります]