IE6/IE7 の li の下 4 ピクセルにある Bug_html/css_WEB-ITnose について議論します。

IE6/IE7ではliの子要素にfloatがあると

以下で4pxギャップバグが発生します。

XHTML の幅、高さ、ズーム、パディングトップ、パディングボトム、マージントップ、マージンボトム。 U b はこのバグの状況を知っているので、解決策も利用できます:

方法 1 #List DIV Set Clear: left | 両方とも、現時点では #List li は幅、高さ、ズームを設定できません。方法 2 #list li は float:left を設定します。このとき、#list li は幅、高さ、ズームを設定できます。 #list li は、clear:left|both を設定します。現時点では、#list li は幅、高さ、ズームを設定できません。方法 3

IE6/IE7 のこのバグは、li の div にvertical-align:top|middle|bottom を設定することで解決できます。これは奇妙すぎるので、vertical-align の値が 3 つのうちの 1 つであることを追加してください。ホタル