input中字显示不全是什么原因？

Question

像这样一样下边的部分被遮盖住了

HTML：

<div>
   <input type="text" placeholder="请输入您的姓名" name="userName" class="input" id="userName"/>
</div>
<div>
   <input type="text" placeholder="请输入您的手机号"  name="userName" class="input number" id="phone"/>
</div>

css：

.input{
   width:100%;
   height: 45px;
   display: block;
}

Answer 1

我也遇到这个问题了，我的是在百度浏览器遇到的问题，求答案

Answer 2

代码？