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

具体代码如下

样式

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

运行后如图:

http://img.mukewang.com/57b2e2db000189ec19200923.jpg

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

湛瞳
浏览 8004回答 2
2回答

湛瞳

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

寒泉

默认边线,margin:0px; padding:0px;“*”去掉,分开设置
打开App,查看更多内容
随时随地看视频慕课网APP