所以我得到了一个输入字段，我希望它是34px高（border 2px+padding 2*10px+text 12px），但它最终会高于：
火狐15中的37像素
37像素铬22
IE9中的36px
问题：为什么输入字段不是34px高？
HTML/CSS
<input type="text" class="input" placeholder="Why is this not 34px high?">
<style>
.input {
border: 1px solid #000;
font-family: Arial;
font-size: 12px;
padding: 10px;
width: 200px;
}
</style>
Fiddle
更新：定义行高（12px）和设置框大小（边框框）没有帮助-updated fiddle
最佳答案
原因是您没有为您创建的要包含在其中的文本定义高度，如果将其设置为12，您将看到它的总高度为34px。
记住盒子模型。
http://www.w3.org/TR/CSS2/images/boxdim.png