Nun, lassen Sie mich mit einigen irrelevanten Bemerkungen beginnen. Meine jüngste Arbeit hat mir viele praktische Möglichkeiten eröffnet und mir auch viele Gewinne beschert. Beim Gespräch in der Gruppe habe ich auch erwähnt, dass der beste Lernprozess Theorie-Praxis-dann Theorie-und-dann-Praxis ist. . . ein zyklischer Prozess. Die hier erwähnte Theorie ist ein relativ weit gefasstes Konzept, das Buchtheorie und Zusammenfassung der Praxis umfasst. Nur Theorie ohne Praxis führt oft zu Hochmut und geringer Leistung; gut denken, aber schlecht abschneiden. Blindes Üben ohne Lernen und Zusammenfassen durch Theorie scheint anstrengend zu sein, aber am Ende wird man mit leeren Händen dastehen.
In der jüngsten Praxis habe ich immer mehr das Gefühl, dass es problematischer wird, wenn das li-Element ein img-Element enthält, und ich muss darauf achten. Natürlich tritt das Problem wie immer im IE auf. Das Folgende ist ein Beispiel:
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
ul{
Breite: 280px;
}
ulli{
Anzeige:Block;
Höhe:57px;
Breite:277px;
}
Die Größe von temp.jpg beträgt 277×57
Normales Verhalten unter Firefox:
Abnormale Leistung unter IE6:
Es ist offensichtlich, dass die Leistungshöhe von li im IE nicht die von uns festgelegten 57 Pixel beträgt, sondern höher ist. Dies liegt daran, dass sich unter dem Bild zusätzliche 5 Pixel befinden.