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;

“*”去掉，分开设置