DIV容器的间距问题

Question

我在下面的屏幕截图中有一个DIV容器。我左右两边有15px填充但由于某种原因，内容向下间隔......

除了左边和左边。右边填充，没有其他任何东西被应用。设置线条高度，边框，高度等没有任何区别。

输入本身包括：

<div class="numericInput">
   <input class="numeric input" type="text">
   <div class="numericWrap"><span class="increase"></span><span class="decrease"></span>
   </div>
</div>

根据IE Developer Tools，没有其他样式导致间隙，只有父DIV。

Answer 1

根据您的屏幕截图，在输入标记中定义vertical-align:top。像这样：

input{
 vertical-align:top;
}