さて、関係ない発言から始めましょう。最近の仕事は私に多くの実践的な機会を与えてくれましたし、多くの利益ももたらしてくれました。グループ内でチャットしたときに、最良の学習プロセスは理論、実践、理論、そして実践であるとも言いました。 。 。循環的なプロセス。ここで言及する理論は、書籍理論や実践の要約を含む比較的広い概念です。実践を伴わない理論だけでは高尚で力が抜けてしまい、よく考えても行動が悪く、学ばずにやみくもに実践し、理論でまとめると忙しいように見えますが、結局は空回りしてしまいます。
最近の実践では、li 要素に img 要素が含まれているとさらに面倒になると感じることが増えています。もちろん、この問題は相変わらず IE でも発生します。以下は一例です。
html
<ul>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
<li><a href="#"><img src="img/temp.jpg" alt="" /></a></li>
</ul>
css
ウル{
幅: 280ピクセル;
}
ウリ{
表示:ブロック;
高さ:57ピクセル;
幅:277ピクセル;
}
temp.jpgのサイズは277×57です
Firefox での通常の動作:
IE6 での異常なパフォーマンス:
IE では、li のパフォーマンスの高さが設定した 57 ピクセルではなく、それよりも高くなっているのは明らかです。これは、img の下に余分な 5 ピクセルの空白があるためです。