DIV容器的間距問題

Question

我在下面的屏幕截圖中有一個DIV容器。我有15px的填充左側和右側，但由於某種原因，內容正在向下隔開...

除了左邊&正確的填充，沒有別的被應用。設置線條高度，邊框，高度等沒有任何區別。根據IE開發人員工具

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

沒有其他樣式引起的間隙，只有父DIV：

輸入自身由。

Answer 1

根據您的屏幕截圖在您輸入的標籤定義vertical-align:top。像這樣：

input{ 
vertical-align:top; 
}