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; }