登录
原创

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

发布于 2021-06-08 阅读 73
  • 前端
  • CSS
  • HTML
原创

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

image.png

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

image.png

修改后:

image.png

评论区

零00
2粉丝

时光荏苒,我自清欢

0

0

0

举报