input输入框超出父盒子问题解决

问题：
进行网页编辑时，一个盒子里面装了一个input输入框，input输入框给的是父盒子宽度的100%，但是页面中显示超出了父盒子的宽度，如下图，绿色的是给父盒子的背景色：

解决方法：
检查发现是input类型问题，默认input类型是 “text” , 修改为 “search” 后，宽度就正常和父盒子一样宽了：

修改后：