zusätzlichen Raum unter textarea: browserabhängigen Inkonsistenzen

Ausgabe: extra weißer Raum wird unter Textarea-Tags beobachtet, mit Variationen von 1 bis 4 Pixel über verschiedene Brewser hinweg. Das verwendete HTML-Markup ist einfach:

...

Warum die Lücke erscheint
textarea, ein Inline-(-oder-inline-block) Element, reserviert Raum für Descenders in Text. Infolgedessen kann eine Lücke unter dem Textbereich erscheinen. Die Variation der Lückengröße zwischen den Browsern bleibt unklar.

Lösung: vertikal-align adjustment
um den zusätzlichen Raum zu eliminieren, ändern Sie die CSS für textarea:

textarea {
  vertical-align: top;
  /* Additional CSS rules from the original code omitted for brevity */
}

Erläuterung
Indem Sie sich vertikal-align nach oben setzen, ist der Textbereich vertikal mit der Spitze seiner Inhalte übereinstimmt, den reservierten Raum für Nachkommen effektiv entfernt und die Belästigungslücke behoben.