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

Question

我想在https://gist.github.com/ page中创建一个类似描述字段的框.这是我的最小例子.正如您所看到的(仅在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>

有一个类似的,但一个老问题在这里,答案是没有帮助的.

Answer 1

诀窍是给予yuxel textarea display: block;积分

只是一个注释:css reset(雅虎的一个)不会改变textarea的显示.