解决两个input设置了一样的高度,实际高度却不一样问题

墨蓝 2022-06-15 01:38 220阅读 0赞

今天在写页面的时候发现一个奇怪的地方,先看我的代码:
HTML代码:

  1. <form>
  2. <input type="text" class="text">
  3. <input type="button" value="button" class="btn">
  4. </form>

CSS代码:

  1. input{ height: 50px; }

这里写图片描述
明明设置了一样的高度,实际高度却有出入,这个时候只要在文本框的css样式加上box-sizing: border-box ;就可以了;

发表评论

表情:
评论列表 (有 0 条评论,220人围观)

还没有评论,来说两句吧...

相关阅读