css子元素下移了，找不到原因，求解

Question

div标签内包含一个input输入框，没有设置margin或padding等属性，但input却下移了，并且撑大了div的高度
如图所示：

input像是被红框那里顶了下来，什么原因导致的呢？
下面是样式代码

.search {    box-sizing: border-box;    border: 1px solid #000;    width: 100%;
}.searchBox {    width: 100%;    height: .6rem;
}

Answer 1

写个demo看一下，不是这个元素的原因