Eh bien, permettez-moi de commencer par quelques remarques hors de propos. Mon travail récent m'a donné de nombreuses opportunités pratiques, mais il m'a également apporté beaucoup de gains. En discutant en groupe, j'ai également mentionné que le meilleur processus d'apprentissage est théorie-pratique, puis théorie, puis pratique. . . un processus cyclique. La théorie mentionnée ici est un concept relativement large, comprenant la théorie du livre et le résumé de la pratique. Seule la théorie sans pratique aboutit souvent à un esprit élevé et à une faible puissance, bien réfléchir mais mal faire ; pratiquer aveuglément sans apprendre et résumer par la théorie semblera être occupé, mais à la fin vous vous retrouverez les mains vides.
Dans la pratique récente, j'ai de plus en plus l'impression que ce sera plus gênant lorsque l'élément li contient un élément img, et je dois y prêter attention, bien sûr, le problème se produit toujours sous IE, comme toujours. Voici un exemple :
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{
largeur : 280 px ;
}
ulli{
affichage:bloc;
hauteur : 57 px ;
largeur : 277 px ;
}
La taille de temp.jpg est de 277×57
Comportement normal sous Firefox :
Performances anormales sous IE6 :
Il est évident que dans IE, la hauteur de performance de li n'est pas celle de 57 px que nous avons définie, mais supérieure à celle-ci, car il y a 5 px d'espace blanc supplémentaire sous l'img.