Css 如何消除textarea和#x27；chrome浏览器中的底部及其包装div？

我正在尝试在页面中创建一个类似方框的描述字段。这是我最简单的例子。正如您所看到的（仅在chrome中），在文本区域底部的包装分区之间有一个间隙。我如何才能消除它

<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>

有一个类似但很老的问题，答案没有帮助。

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

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

---

是吗？

诀窍是让textarea

显示：block贷记到

请注意：css重置（雅虎的重置）不会改变textarea的显示。
哦，是的，我忘了，在div中删除边距：0；你的解决方案是可行的，但为了项目的利益，如果他第一手重置了cssYeah，那就更好了。是的，但他没有说他有任何css样式。这似乎没有改变任何东西，请在JSFIDLE和chrome浏览器中查看此代码。尝试应用css重置：记住在实际css代码之前插入重置css文件。您看到JSFIDLE链接了吗？我认为JSFIDLE中不需要css重置，我错了吗？此外，这段代码在最小的HTML文件中表现相同，没有任何其他样式。这就是为什么我没有把它作为一个答案，因为我无法测试它。好吧，那边的管理员真是太丢脸了：）顺便说一句，CSS reset没有为
文本区域
提供
显示：块
样式，这确实解决了问题。看看我的答案，谢谢你抽出时间。