Почему браузеры WebKit отображают следующее с дополнительным отступом / полем внизу?

Question

Эта проблема незначительна, но меня беспокоит, почему браузеры WebKit отображают следующее с дополнительным отступом / полем внизу? это единственный способ решить эту проблему, указав высоту?

<div style="background-color:#efefef; width:200px;">
  <textarea style="padding:0px; margin:0px;"></textarea>
</div>

Рендер:

Answer 1

<div style="background-color:#efefef; width:200px;">
    <textarea style="display:block;">asdf</textarea>
</div>

Очевидно, это как-то связано с <textarea> как встроенным элементом.Кажется, что разрывом является область ниже базовой линии.Если вы установите display:block;, он избавится от пробела.

Answer 2

Вы пытались установить высоту текстового поля в соответствии с div?Это не похоже на то, как вы указали высоту, поэтому она может использовать высоту по умолчанию (в зависимости от div).Просто попробуйте, никаких гарантий, но эй, может.