輸入大於它應該是

Question

你好我的同胞CSS愛好者。通常情況下，我無法回答CSS問題。

在Chrome和IE11中發生錯誤，Firefox呈現相同大小但截取不同的錯誤。

我有一個inputfield和一個div充滿了文本，他們應該有相同的高度，並應與父母的字體大小。問題在於輸入字段比預期的要大。

演示：http://jsfiddle.net/7Lg70qc4/

的div行爲就像我所料，它的高度是font-size + padding * 2，但inputfield比這更大。

由於填充是固定的，我不能將高度設置爲em，但字體大小不是。

爲什麼input大於div？

Answer 1

你必須定義:first-line僞元素的輸入，使你的兩個元素相同的高度。

input:first-line { 
    display: inline-block;  
} 

Here你可以找到更多的信息，爲什麼它的作品。