css：textarea默认样式边距 ——请问那个空白的地方是从哪来的

Question

具体代码如下

样式

*{
 margin: 0px;
 padding: 0px;
}
body{
 background-color: pink;
 width: 100%;
 height: 100%;
}
.bigbox{
 width: 50%;
 margin: 150px auto;
 border: 2px solid #ff90a3;
 border-radius: 10px;
}
form{
 width: 100%;
 height: 400px;
 background-color: #fff;
 border-radius: 10px 10px 0 0;
}
textarea{
 width: 100%;
 border: none;
 border-radius: 0 0 10px 10px;
 outline: none;
}

结构

 <div class="bigbox">
  <form action="">11</form>
  <textarea name="" id="" cols="30" rows="10"></textarea>
 </div>

运行后如图：

请问下面的边距是哪来的？

Answer 1

已解决：需要将textarea的样式加一句display: block。具体原因不清楚。

Answer 2

默认边线，margin:0px; padding:0px;“*”去掉，分开设置