css - 如何摆脱 chrome 浏览器中 textarea 底部与其包装 div 之间的差距？

Question

我正在尝试在 https://gist.github.com/ 中创建一个类似于描述字段的框页。 Here是我最小的例子。如您所见(仅在 chrome 中)，包装 div 之间的 textarea 底部有一个间隙。我怎样才能摆脱它？

<div style="
    padding: 3px;
    background-color: #eee;
    border-radius: 3px;
    width: 200px;">

      <div style="border: 1px solid #ccc;">
         <textarea style="width: 194px; resize: vertical; border: 0px; height: 124px; margin: 0px;"></textarea>
      </div>
    </div>

有个类似的老问题here答案没有帮助。

Answer 1

诀窍是让文本区域 display: block; 归功于 yuxel

请注意:css reset(yahoo 的)不会改变 textarea 的显示。