Ce problème est mineur mais m'embête, pourquoi les navigateurs de webKit rendent-ils le suivant avec le remplissage/marge supplémentaire sur le fond? est le seul moyen de résoudre cela pour spécifier les hauteurs?Pourquoi les navigateurs webKit affichent-ils ce qui suit avec un rembourrage/marge supplémentaire en bas?
<div style="background-color:#efefef; width:200px;">
<textarea style="padding:0px; margin:0px;"></textarea>
</div>
Render:
<div style="background-color:#efefef; width:200px;">
<textarea style="display:block;">asdf</textarea>
</div>
Apparemment, il a quelque chose à voir avec <textarea> étant un élément en ligne. L'écart semble être la zone située sous la ligne de base. Si vous définissez display:block;, il va se débarrasser de l'écart.
Avez-vous essayé le réglage de la hauteur de la zone de texte pour correspondre à la div? Il ne semble pas que vous lui indiquiez une hauteur, donc il peut utiliser une hauteur par défaut (basée sur la div). Essayez-le, pas de garantie, mais bon.
Ceci est étrange, et je ne sais pas pourquoi cela arrive - mais vous pouvez vous en débarrasser en faisant flotter la zone de texte à l'intérieur de la div parent. (Vous devrez également définir 'overflow: hidden;' sur la div parente). Je voudrais vraiment savoir une meilleure réponse pour cela, si quelqu'un en a un. – Lee
@Lee: Votre solution est la meilleure jusqu'à présent, et j'ai essayé beaucoup de choses. – Babiker
Je viens de comprendre ... Voir ma réponse ci-dessous. – Lee