如果这个问题被问到，我很抱歉，但我找不到完全相同的问题。如W3schools所说，height属性不包括填充，边框或边距！所以这里有一个简单的样式声明：
input {
width:180px;
height:18px;
padding:7px;
border:1px solid black;
}
这里是html：
<input type='text' name='text' value='194px by 32px' /><br /> <input type='submit' name='button' id='button' value='180px by 18px' />
文本字段预期为194像素×32像素，但提交按钮为180像素×18像素。显然，我只能增加身高按钮的宽度是填充的两倍，但是我想了解为什么会有差异。我在这里做了一个jsfiddle：http://jsfiddle.net/RRf5A/.谢谢你的帮助。我已经尝试过< button>而不是输入提交，并显示：inline-block。
